获取浏览器url参数方法总结

正则(xxx?typeId=2)

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 decodeURI(r[2]);
    }
    return null;
}
getQueryString("typeId") // "2"

split拆分

function getQueryString() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
getQueryString("typeId") // {typeId:"2}

正则获值和1一样

function getQueryString(name) {  
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
    var r = window.location.search.substr(1).match(reg);  //获取url中"?"符后的字符串并正则匹配
    var context = "";  
    if (r != null)  
         context = r[2];  
    reg = null;  
    r = null;  
    return context == null || context == "" || context == "undefined" ? "" : context;  
}

单参数获取(?1)获取？后面的数据

var url=window.location.href
url.substring(url.indexOf('?') + 1)
// url.substr(url.indexOf('?') + 1)

var url=window.location.search
url.substring(1)
// url.substr(1)

获取所有参数的对象

function getQueryStringObject() {
    var reg = /([^?&=]+)=([^&]+)/g;
    var q = {};
    location.search.replace(reg, (m, k, v) => q[k] = v);
    return q;
}

URL对象-URLSearchParams URLSearchParams 构造函数不会解析完整 URL，但是如果字符串起始位置有 ? 的话会被去除。

var paramsString1 = "http://example.com/search?query=123";
var searchParams1 = new URLSearchParams(paramsString1);

searchParams1.has("query"); // false 
searchParams1.has("http://example.com/search?query"); // true

searchParams1.get("query"); // null
searchParams1.get("http://example.com/search?query"); // "123" (equivalent to decodeURIComponent('%40'))

var paramsString2 = "?query=value";
var searchParams2 = new URLSearchParams(paramsString2);
searchParams2.has("query"); // true 

var url = new URL("http://example.com/search?query=%40");
var searchParams3 = new URLSearchParams(url.search);
searchParams3.has("query") // true

let param = new URLSearchParams()
param.append('username', 'admin')
param.append('pwd', 'admin')