利用js获取网站地址中的参数

最新推荐文章于 2025-01-08 13:50:12 发布

原创最新推荐文章于 2025-01-08 13:50:12 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

C# 专栏收录该内容

112 篇文章

订阅专栏

本文介绍两种JavaScript方法来解析URL中的查询参数。一种是通过自定义函数GetQuery(key)获取特定键对应的值；另一种利用window.location.search结合substr和split方法提取查询字符串。

function GetQuery(key) {
    var search = location.search.slice(1); //得到get方式提交的查询字符串
    var arr = search.split("&");
    for (var i = 0; i < arr.length; i++) {
        var ar = arr[i].split("=");
        if (ar[0] == key) {
            return ar[1];
        }
    }
    return "";
}

slice() 方法可从已有的数组中返回选定的元素。

window.location.search.substr(1).split("&")

类似

window.location
window的location对象

search
得到的是url中query部分

substr()
返回一个从指定位置开始的指定长度的子字符串
这里设置为1，是为了把url中的?号去掉

split()
将一个字符串分割为子字符串，然后将结果作为字符串数组返回
这里就是把query部分以&为分割符，分割

测试：把下面代码保存为1.htm
注意是1.htm

<script language="javascript">
alert(window.location.search.substr(1).split("&"))
</script>
<a href="1.htm?topic=1&id=2">测试</a>