将 URL 参数值附加到 html答案

【问题标题】：Append URL param value into html将 URL 参数值附加到 html
【发布时间】：2017-10-30 12:36:44
【问题描述】：

从 URL 中提取用户名到 html

示例网址

something.com?editors=username

HTML代码

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

【问题讨论】：

欢迎来到 Stack Overflow！预计您至少会尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。

标签： javascript css html url

【解决方案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 元素的示例。

【讨论】：

假设您在 html 中的元素的 id 为“super”，因此首先您必须获取此元素（ var element = document.getElementById("super) ），然后附加您需要的 - 元素.inerHTML += editors（这个 var 基于我的示例）或替换它 - element.inerHTML = editors.

【解决方案2】：

我知道我迟到了，但是根据 Czeran 的回答，我创建了这个 JS 函数，它将附加并转到 URL：

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

这允许更动态的 URL 附加

希望这会有所帮助！

【讨论】：