美文网首页
用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