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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用JavaScript显示URL的参数段[重复]相关的知识,希望对你有一定的参考价值。

这个问题在这里已有答案:

所以我试图获取链接的最后一部分并在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中?感谢任何能提供帮助的人。

答案

试试这个 :

    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;
   
<div id="getLink"></div>
另一答案

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

另一答案

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

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

试试这个 ...

以上是关于使用JavaScript显示URL的参数段[重复]的主要内容,如果未能解决你的问题,请参考以下文章

使用Javascript从URL字符串获取端口[重复]

使用 post 参数导航到 Javascript 中的新 URL [重复]

使用 JavaScript 删除 URL 的参数 [重复]

在 JavaScript 中使用 URL 的 GET 参数 [重复]

使用javascript在包含特殊字符的URL中传递参数[重复]

Express Router:如何获取参数? (不是 URL 段)[重复]