获取链接上参数

268 阅读1分钟

1、如何获取URL地址链接参数

  • 例子:https://www.baidu.com/?tn=78040160_5_pg&ch=8
 function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg); //匹配目标参数
        if(r != null) return unescape(r[2]);
        return null; //返回参数值
    }

使用方法:getUrlParam("tn")

getParmeter(variable) {
                let query = window.location.href.split('?')[1]; // 这里query的结果是:   promotion_code=ZB06AKXFSR&sku=100
                let vars = query.split('&'); // 这里vars的结果是:   ["promotion_code=ZB06AKXFSR", "sku=100"]
                for (let i = 0; i < vars.length; i++) { //然后循环
                    let pair = vars[i].split('='); //  循环第一次结果pair ["promotion_code", "ZB06AKXFSR"]  循环第二次结果pair ["sku", "100"]
                    if (pair[0] === variable) { // 做判断 如果参数名和我们的实参一样
                        return pair[1]; // 就返回对应的值
                    }
                }
                return '';
},

使用方法:getParmeter("tn")