Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
172 views
in Technique[技术] by (71.8m points)

javascript - Append URL param value into html

To extract that user name from URL into html

Sample url

something.com?editors=username

Html code

<P id="demo"><p>

JS:-

document.getElementById("demo").innerHTML =
"Welcome " + get_editor() + " to my website";

function get_editor() {
  var url = new URL( window.location.href );
  var params = new URLSearchParams(url.search);
  return params.get('editors');
}
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Based on fact that this is GET parameter you can do it like that:

(function() {
  var url_string = window.location.href;
  var url = new URL(url_string);
  var editors = url.searchParams.get('editors');
  var htmlElement = document.getElementById("element");
  htmlElement.innerHTML += editors;
})();

Where in your case your searchParams is n.

After you get this element you can easily append your html code.

EDIT I've added example with appending html element.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...