浏览器供应商已经通过URL和URLSearchParams实现了一种本地方式。

let url = new URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
let searchParams = new URLSearchParams(url.search);
console.log(searchParams.get('c'));  // outputs "m2-m3-m4-m5"

目前支持Firefox、Opera、Safari、Chrome和Edge。有关浏览器支持的列表，请参阅此处。

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParamshttps://developer.mozilla.org/en-US/docs/Web/API/URL/URL

https://url.spec.whatwg.org/

谷歌工程师埃里克·比德尔曼（Eric Bidelman）建议在不受支持的浏览器上使用这种polyfill。

我更喜欢使用可用的资源，而不是重新设计如何解析这些参数。

将URL解析为对象提取搜索参数部分将searchParams从迭代器转换为具有数组扩展的数组。将键值数组缩减为一个对象。

常量url='http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5'；const params=[…新URL（URL）.searchParams.entries（）].reduce（（a，c）=>对象.assign（a，｛[c[0]]：c[1]｝），｛｝）console.log（参数）；

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

JavaScript本身没有内置处理查询字符串参数的功能。

在（现代）浏览器中运行的代码可以使用URL对象（Web API）。URL也由Node.js实现：

//如果您想使用，可以从window.location.href获取url_string//当前页面的URLvar url_string=“http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5“；var url=新url（url_string）；var c=url.searchParams.get（“c”）；控制台日志（c）；

对于较旧的浏览器（包括Internet Explorer），可以使用此polyfill。

您还可以对URLSearchParams使用一个，并提取查询字符串，以通过window.location.search.substring（1）传递给它。

您也可以使用URL之前的原始版本的代码。上面的polyfill是健壮的，经过了很好的测试，但我强烈建议使用它。

您可以访问location.search，这将从中提供给您？在URL末尾或片段标识符（#foo）的开头（以先到者为准）添加一个字符。

然后，您可以使用以下命令解析它：

函数parse_query_string（查询）{var vars=查询.split（“&”）；var query_string=｛｝；对于（var i=0；i<vars.length；i++）{var pair=vars[i].split（“=”）；var key=解码URIComponent（pair.shift（））；var value=decodeURIComponent（pair.join（“=”））；//如果第一个条目具有此名称if（query_string[key]类型==“未定义”）{query_string[key]=值；//如果第二个条目具有此名称}否则如果（query_string[key]类型==“string”）{var arr=[query_string[key]，value]；query_string[key]=arr；//如果使用此名称的第三个或更高版本条目}其他{query_string[key].push（值）；}}返回query_string；}var query_string=“a=1&b=3&c=m2-m3-m4-5”；var parsed_qs=parse_query_string（query_string）；控制台日志（parsed_qs.c）；

您可以通过以下方式从当前页面的URL获取查询字符串：

var query = window.location.search.substring(1);
var qs = parse_query_string(query);

我一次又一次遇到同样的问题。现在这里的许多用户现在我以我的HAX工作而闻名，

所以我用以下方法来解决：

PHP:

echo "<p style="display:none" id=\"hidden-GET\">".$_GET['id']."</p>";

JS:

document.getElementById("hidden-GET").innerHTML;

简单的HAX但有效。

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

示例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中充满了参数，它也能正常工作。