用JS获取地址栏参数的方法

最新推荐文章于 2024-09-30 08:45:42 发布

灬青春不留白灬

最新推荐文章于 2024-09-30 08:45:42 发布

阅读量5.2k

点赞数

分类专栏： HTML+CSS+JavaScript+JQuery 文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/u012826756/article/details/70245259

版权

HTML+CSS+JavaScript+JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

方法一：采用正则表达式获取地址栏参数：

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

eg：
若地址栏URL为：abc.html?id=123&url=”http://www.csdn.com
那么执行如上代码，就会弹出一个对话框：内容是123.
如果用alert（GetQueryString(“url”));
当然如果你没有参数曹产地的话，则会输出null；
方法二：传统方法

<html>
<body>
<script type="text/javascript">
function UrlSearch()
{
    var name,value;
    var str=location.href;  //取得整个地址栏
    var num=str.indexOf("?"); 
    str=str.substr(num+1); //str得到?之后的字符串

    var arr=str.split("&"); //得到&分割的参数，放入数组中
    for(var i=0;i<arr.length;i++)
    {
        num=arr[i].indexOf("=");
        if(num>0)
        {
            name=arr[i].substring(0,num);
            value=arr[i].substr(num+1);
            this[name]=value;
        }
    }
}
var Request=new UrlSearch();
alert(Request.id);
alert(location.href);
</script>
</body>
</html>