JS 获取url参数

Posted 2020-08-15 风吹屁股凉冰冰

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS 获取url参数相关的知识，希望对你有一定的参考价值。

<html>
<body>

浏览器中输入 http://localhost/test/js_url.php?a1=aaa&a2=bbb&a3=ccc
会依次弹出aaa，bbb，ccc

<script type="text/javascript">
//方法一
function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

// 调用方法
alert(GetQueryString("a1"));
alert(GetQueryString("a2"));

//方法二
function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
var Request = new Object();
Request = GetRequest();
alert(Request[‘a3‘]);

</script>
</body>
</html>

以上是关于JS 获取url参数的主要内容，如果未能解决你的问题，请参考以下文章

js获取url参数如何改变当前页面内某个图片的地址？

有没有开源方法能直接获取url的参数值