更新：2022年1月

使用Proxy（）比使用Object.fromEntries（）更快，并且更受支持

const params = new Proxy(new URLSearchParams(window.location.search), {
  get: (searchParams, prop) => searchParams.get(prop),
});
// Get the value of "some_key" in eg "https://example.com/?some_key=some_value"
let value = params.some_key; // "some_value"

更新日期：2021年6月

对于需要所有查询参数的特定情况：

const urlSearchParams = new URLSearchParams(window.location.search);
const params = Object.fromEntries(urlSearchParams.entries());

更新：2018年9月

您可以使用URLSearchParams，它很简单，并且具有良好（但不完全）的浏览器支持。

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');

起初的

为此，您不需要jQuery。您可以使用一些纯JavaScript：

function getParameterByName(name, url = window.location.href) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

用法：

// query string: ?foo=lorem&bar=&baz
var foo = getParameterByName('foo'); // "lorem"
var bar = getParameterByName('bar'); // "" (present with empty value)
var baz = getParameterByName('baz'); // "" (present with no value)
var qux = getParameterByName('qux'); // null (absent)

注意：如果参数出现多次（？foo=lorem&foo=ipsum），您将获得第一个值（lorem）。关于这一点没有标准，用法也各不相同，请参见例如这个问题：重复HTTPGET查询键的权威位置。

注意：该函数区分大小写。如果您喜欢不区分大小写的参数名，请在RegExp中添加“i”修饰符

注意：如果您得到了一个无无用转义esint错误，可以替换name=name.replace（/[\[\]]/g，'\\$&'）；其中name=name。replace（/[[\]]/g，'\\$&'）。

这是基于新URLSearchParams规范的更新，以更简洁地实现相同的结果。请参阅下面标题为“URLSearchParams”的答案。

这是获取参数值（查询字符串）的非常简单的方法

使用gV（para_name）函数检索其值

var a=window.location.search;
a=a.replace(a.charAt(0),""); //Removes '?'
a=a.split("&");

function gV(x){
 for(i=0;i<a.length;i++){
  var b=a[i].substr(0,a[i].indexOf("="));
  if(x==b){
   return a[i].substr(a[i].indexOf("=")+1,a[i].length)}

只是另一个建议。插件Purl允许检索URL的所有部分，包括锚点、主机等。

它可以与jQuery一起使用，也可以不使用jQuery。

用法很简单，很酷：

var url = $.url('http://example.com/folder/dir/index.html?item=value'); // jQuery version
var url = purl('http://example.com/folder/dir/index.html?item=value'); // plain JS version
url.attr('protocol'); // returns 'http'
url.attr('path'); // returns '/folder/dir/index.html'

然而，截至2014年11月11日，Purl不再被维护，作者建议改用URI.js。jQuery插件的不同之处在于它关注元素-对于字符串使用，只需直接使用URI，无论是否使用jQuery。类似的代码看起来是这样的，更完整的文档如下：

var url = new URI('http://example.com/folder/dir/index.html?item=value'); // plain JS version
url.protocol(); // returns 'http'
url.path(); // returns '/folder/dir/index.html'

在简单的JavaScript代码中保持简单：

function qs(key) {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars[key];
}

从JavaScript代码中的任何位置调用它：

var result = qs('someKey');

代码高尔夫：

var a = location.search&&location.search.substr(1).replace(/\+/gi," ").split("&");
for (var i in a) {
    var s = a[i].split("=");
    a[i]  = a[unescape(s[0])] = unescape(s[1]);
}

显示它！

for (i in a) {
    document.write(i + ":" + a[i] + "<br/>");   
};

在我的Mac上：test.htm？i=can&has=cheezburg显示屏

0:can
1:cheezburger
i:can
has:cheezburger

我使用这里列出的技术开发了一个小型库，以创建一个易于使用的解决方案；可以在这里找到：

https://github.com/Nijikokun/query-js

用法

正在获取特定参数/密钥：

query.get('param');

使用生成器获取整个对象：

var storage = query.build();
console.log(storage.param);

还有很多。。。查看github链接以获取更多示例。

特征

解码和参数缓存支持哈希查询字符串#hello？第3页支持传递自定义查询支持数组/对象参数user[]=“jim”&user[]=”bob“支持空管理&&支持不带值的声明参数name&hello=“world”支持重复参数param=1&param=2干净、紧凑、可读的源4kbAMD，需要，节点支持