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

这是一种只检查一个参数的简单方法：

示例URL:

http://myserver/action?myParam=2

Javascript示例：

var myParam = location.search.split('myParam=')[1]

如果URL中存在“myParam”。。。变量myParam将包含“2”，否则将未定义。

在这种情况下，可能需要一个默认值：

var myParam = location.search.split('myParam=')[1] ? location.search.split('myParam=')[1] : 'myDefaultValue';

更新：这更有效：

var url = "http://www.example.com/index.php?myParam=384&login=admin"; // or window.location.href for current url
var captured = /myParam=([^&]+)/.exec(url)[1]; // Value is in [1] ('384' in our case)
var result = captured ? captured : 'myDefaultValue';

即使URL中充满了参数，它也能正常工作。

我需要读取一个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>

我写了一个更简单优雅的解决方案。

var arr = document.URL.match(/room=([0-9]+)/)
var room = arr[1];

优雅、实用的解决方案

让我们创建一个包含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;

使用URLSearchParams的超简单方法。

function getParam(param){
  return new URLSearchParams(window.location.search).get(param);
}

目前，Chrome、Firefox、Safari、Edge和其他浏览器都支持它。