js获取地址栏url参数 亲测好用

代码 :

    //获取地址栏参数
     function GetQueryString(str) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    };
    console.log(GetQueryString(str)) //str 参数名

    //例子
    //获取 URL: http://mp.csdn.net/index.html?orderId=123  中的orderId参数

    let orderid = GetQueryString('orderId');
    //防止无参数时会出现报错 做判断
    if(orderid != '' && orderid != null){
       console.log(GetQueryString(orderid)) //123
    }
    
    
   其他参数获取: 
    //设置或获取对象指定的文件名或路径。
    alert(window.location.pathname);

    //设置或获取整个 URL 为字符串。
    alert(window.location.href);

    //设置或获取与 URL 关联的端口号码。
    alert(window.location.port);

    //设置或获取 URL 的协议部分。
    alert(window.location.protocol);

    //设置或获取 href 属性中在井号“#”后面的分段。
    alert(window.location.hash);

    //设置或获取 location 或 URL 的 hostname 和 port 号码。
    alert(window.location.host);

    //设置或获取 href 属性中跟在问号后面的部分。
    alert(window.location.search);

 

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页