浏览器供应商已经通过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。

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

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

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);

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

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

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

PHP:

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

JS:

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

简单的HAX但有效。

ECMAScript 6解决方案：

var params = window.location.search
  .substring(1)
  .split("&")
  .map(v => v.split("="))
  .reduce((map, [key, value]) => map.set(key, decodeURIComponent(value)), new Map())