您可以在location.search中获取查询字符串，然后可以分割问号后的所有内容：

var params = {};

if (location.search) {
    var parts = location.search.substring(1).split('&');

    for (var i = 0; i < parts.length; i++) {
        var nv = parts[i].split('=');
        if (!nv[0]) continue;
        params[nv[0]] = nv[1] || true;
    }
}

// Now you can get the parameters you want like so:
var abc = params.abc;

我需要读取一个URLGET变量，并根据URL参数完成一个操作。我到处寻找解决方案，结果发现了一小段代码。它基本上读取当前页面url，对url执行一些正则表达式，然后将url参数保存在关联数组中，我们可以轻松访问该数组。

作为一个例子，如果我们有下面的url，底部有javascript。

http://TestServer/Pages/NewsArchive.aspx?year=2013&Month=July

获取参数id和page所需要做的就是调用这个：

准则将是：

<script type="text/javascript">
var first = getUrlVars()["year"];
var second = getUrlVars()["Month"];

alert(first);
alert(second);
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
</script>

优雅、实用的解决方案

让我们创建一个包含URL参数名作为关键字的对象，然后我们可以通过其名称轻松提取参数：

// URL: https://example.com/?test=true&orderId=9381  

// Build an object containing key-value pairs
export const queryStringParams = window.location.search
  .split('?')[1]
  .split('&')
  .map(keyValue => keyValue.split('='))
  .reduce<QueryStringParams>((params, [key, value]) => {
    params[key] = value;
    return params;
  }, {});

type QueryStringParams = {
  [key: string]: string;
};


// Return URL parameter called "orderId"
return queryStringParams.orderId;

以下是用于将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"

来源

function gup( name, url ) {
    if (!url) url = location.href;
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( url );
    return results == null ? null : results[1];
}
gup('q', 'hxxp://example.com/?q=abc')

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

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, "\\$&"));
}