使用 JavaScript 显示 URL 的参数段 [重复]答案

【问题标题】：Show Parameter Segment of URL using JavaScript [duplicate]使用 JavaScript 显示 URL 的参数段 [重复]
【发布时间】：2017-12-30 04:10:46
【问题描述】：

所以我试图获取链接的最后一部分并将其显示在 HTML 的 div 中。我正在使用 JavaScript 和 HTML 来执行此操作；这是我目前所拥有的：

<script type="text/javascript">
    var pageURL = window.location.href;
    var lastURLSegment = pageURL.substr(pageURL.lastIndexOf('/') + 1);
    document.getElementById("getLink").innerhtml = lastURLSegment;
</script>

<div id="getLink"></div>

这是我的链接：

https://playmafia.000webhostapp.com/world/play/create/?id=m12345

但是，执行此操作后，没有任何反应或显示。另外，据我所知，这段代码将检索“?id=m12345”。

我是 javascript 新手，所以任何帮助都可以很好地解决这个问题。另外，这可能需要jQuery，我不太确定，所以我会接受涉及它的答案。

再一次，我怎样才能让 URL 的参数（在示例中为 m12345）显示在 id 为“getLink”的 div 下的 HTML 中？感谢任何可以提供帮助的人。

【问题讨论】：

标签： javascript jquery html url get

【解决方案1】：

试试这个：

    var pageURL="https://playmafia.000webhostapp.com/world/play/create/?id=m12345";
    var lastURLSegment = pageURL.substr(pageURL.lastIndexOf('/') + 1);
    var value=lastURLSegment.substr(lastURLSegment.lastIndexOf("=")+1);
    document.getElementById("getLink").innerHTML = value;

&lt;div id="getLink"&gt;&lt;/div&gt;

【讨论】：

这很好用，谢谢！实际上，我不得不将 var pageURL 更新为 window.location.href，因为 m12345 是一个随机参数值，但我没有指定，之后，您的解决方案就完美运行了。

【解决方案2】：

尝试将document.getElementById("getLink").innerhtml 更改为document.getElementById("getLink").innerHTML

【讨论】：

【解决方案3】：

我希望您的代码需要一些更改

document.getElementById("getLink").innerHTML = lastURLSegment;

试试这个...

【讨论】：

这会检索数据“?id=m12345”，而不是我喜欢的“12345”:)