我尽可能喜欢速记：

网址：example.com/mortgage_calc.htm？pmts=120&intr=6.8&prin=10000

香草Javascript：

for ( var vObj = {}, i=0, vArr = window.location.search.substring(1).split('&');
        i < vArr.length; v = vArr[i++].split('='), vObj[v[0]] = v[1] ){}
// vObj = {pmts: "120", intr: "6.8", prin: "10000"}

window.location.href.split("?")

则忽略第一个索引

Array.prototype.slice.call(window.location.href.split("?"), 1) 

返回url参数数组

var paramArray = Array.prototype.slice.call(window.location.href.split(/[?=]+/), 1);
var paramObject = paramArray.reduce(function(x, y, i, a){ (i%2==0) ?  (x[y] = a[i+1]) : void 0; return x; }, {});

paramObject包含映射为js对象的所有参数

下面是一个获取单个参数的简单函数：

function getUrlParam(paramName) {
    var match = window.location.search.match("[?&]" + paramName + "(?:&|$|=([^&]*))");
    return match ? (match[1] ? decodeURIComponent(match[1]) : "") : null;
}

这些特殊情况的处理与URLSearchParams一致：

如果缺少参数，则返回null。如果参数存在但没有“=”（例如“？param”），则返回“”。

笔记如果参数名称可能包含特殊的URL或正则字符（例如，如果它来自用户输入），则需要对其进行转义

function getUrlParamWithSpecialName(paramName) {
    return getUrlParam(encodeURIComponent(paramName).replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
}

以json形式从window.location中的搜索对象中提取所有url参数

export const getURLParams = location => {
    const searchParams = new URLSearchParams(location.search)
    const params = {}

    for (let key of searchParams.keys()) {
        params[key] = searchParams.get(key)
    }

    return params
}

console.log(getURLParams({ search: '?query=someting&anotherquery=anotherthing' }))

// --> {query: "someting", anotherquery: "anotherthing"}

使用replace（）方法的最简单方法：

从urlStr字符串：

paramVal = urlStr.replace(/.*param_name=([^&]*).*|(.*)/, '$1');

或从当前URL：

paramVal = document.URL.replace(/.*param_name=([^&]*).*|(.*)/, '$1');

说明：

document.URL-接口以字符串形式返回文档位置（页面URL）。replace（）-方法返回一个新字符串，其中模式的部分或全部匹配项由替换项替换。/.*param_name=（[^&]*）.*/-括在斜杠之间的正则表达式模式，表示：.*-零个或多个字符，param_name=-已搜索的param名称，正则表达式中的（）-组，[^&]*-一个或多个字符，不包括&，|-交替，$1-对正则表达式中第一个组的引用。

var urlStr='www.test.com/t.html？a=1&b=3&c=m2-m3-m4-m5’；var c=urlStr.replace（/.*c=（[^&]*）.*|（.*）/，'$1'）；var notExisted=urlStr.replace（/.*not_existed=（[^&]*）.*|（.*）/，'$1'）；console.log（`c==='${c}'）；console.log（`notExisted=='${notExisted}'）；

以下是用于将url查询参数解析为Object的angularJs源代码：

函数tryDecodeURIComponent（值）{尝试{返回decodeURIComponent（value）；}捕获（e）{//忽略任何无效的uri组件}}函数isDefined（value）｛return typeof value！==“undefined”；｝函数parseKeyValue（keyValue）{keyValue=keyValue.replace（/^\？/，“”）；var obj={}，key_value，key；var iter=（keyValue||“”）.split（'&'）；对于（var i=0；i<iter.length；i++）{var kV值=iter[i]；if（kV值）{key_value=kV值。替换（/\+/g，“%20”）。拆分（“=”）；key=tryDecodeURIComponent（key_value[0]）；if（isDefined（键））{var val=isDefined（key_value[1]）？tryDecodeURIComponent（key_value[1]）：true；if（！hasOwnProperty.call（obj，key））{obj[key]=val；}else-if（isArray（obj[key]））{obj[key].push（val）；}其他{obj[key]=[obj[key]，val]；}}}};返回obj；}警报（JSON.stringify（parseKeyValue（'？a=1&b=3&c=m2-m3-m4-m5'）））；

您可以将此函数添加到window.location：

window.location.query = function query(arg){
  q = parseKeyValue(this.search);
  if (!isDefined(arg)) {
    return q;
  }      
  if (q.hasOwnProperty(arg)) {
    return q[arg];
  } else {
    return "";
  }
}

// assuming you have this url :
// http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5

console.log(window.location.query())

// Object {a: "1", b: "3", c: "m2-m3-m4-m5"}

console.log(window.location.query('c'))

// "m2-m3-m4-m5"