将URL附加到html中

时间:2017-10-30 12:36:45

标签: javascript css html5 url

我的网站网址是: - http://16005ee.blogspot.in/2017/10/urlnametest.html?n=user.name

所以我想将这个用户名从URL中提取到html中,但我无法得到它

我实际上已经尝试了但是它无法正常工作

请帮帮我

Html代码

<P id="demo"><p>

脚本代码: -

<script>
document.getElementById("demo").innerHTML =
"Welcome " + editors + " to my website";

function() {
  var url_string = window.location.href;
  var url = new URL(url_string);
  var editors = url.n.get('editors');
  console.log (editors);
}
</script>

2 个答案:

答案 0 :(得分:1)

基于这是GET参数的事实你可以这样做:

(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;
})();

在您的情况下,您的 searchParams n

获得此元素后,您可以轻松附加您的HTML代码。

编辑我添加了附加html元素的示例。

答案 1 :(得分:0)

我知道我迟到了,但是从Czeran的回答中,我创建了这个JS函数,它将追加并转到URL:

    function urlAppend(value){
        var current_location = window.location.href;
        current_location += "/" + value;
        window.location.href = current_location;
    }

这允许更动态的URL追加

希望这有帮助!