美文网首页
用JS获取地址栏参数的方法

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

作者: 曼巴童鞋 | 来源:发表于2017-09-21 23:15 被阅读0次

直接用window.location获取

//@param name string url中的参数名

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;

}

// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
  • 下面举个例子:
    若地址栏URL为:abc.html?id=666
    如果用:alert(GetQueryString("id"));那么弹出的内容就是 "666" 啦;
    当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:
    所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:
var myurl=GetQueryString("url");
if(myurl !=null && myurl.toString().length>1)
{
   alert(GetQueryString("url"));
}

这样就不会报错了!

字符串url获取

<script type="text/javascript">
    var str="www.kesixin.xin/index.html?name=aaa&sex=bbb";
    var i=str.indexOf('?');
    alert(GetQueryString(str.substr(i),"name"));

    function GetQueryString(value,name) {

            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");

            var r = value.substr(1).match(reg);

            if (r!=null) return unescape(r[2]); return null;

        }
</script>

查看原文>> 曼巴童鞋 - 博客 - 用JS获取地址栏参数的方法

相关文章

网友评论

      本文标题:用JS获取地址栏参数的方法

      本文链接:https://www.haomeiwen.com/subject/xufxextx.html