获取查询的一行代码：

var value = location.search.match(new RegExp(key + "=(.*?)($|\&)", "i"))[1];

如果您使用的是jQuery，那么可以使用一个库，例如jQueryBBQ：返回按钮和查询库。

…jQueryBBQ提供了一个完整的.depam（）方法，以及哈希状态管理、片段/查询字符串解析和合并实用程序方法。

编辑：添加参数示例：

var DeparamExample=函数（）{var params=$.depam.querystring（）；//nameofram是来自url的参数的名称//如果ajax使用哈希刷新，下面的代码将获取参数if（typeof params.nameofram==“undefined”）{params=jQuery.departam.frage（window.location.href）；}if（typeof params.nameofram！=“undefined”）{var paramValue=params.nameofram.toString（）；}};

如果您只想使用纯JavaScript，可以使用。。。

var getParamValue = (function() {
    var params;
    var resetParams = function() {
            var query = window.location.search;
            var regex = /[?&;](.+?)=([^&;]+)/g;
            var match;

            params = {};

            if (query) {
                while (match = regex.exec(query)) {
                    params[match[1]] = decodeURIComponent(match[2]);
                }
            }    
        };

    window.addEventListener
    && window.addEventListener('popstate', resetParams);

    resetParams();

    return function(param) {
        return params.hasOwnProperty(param) ? params[param] : null;
    }

})();​

由于新的HTML历史API，特别是History.pushState（）和History.replaceState（），URL可能会发生更改，这将使参数及其值的缓存无效。

此版本将在每次更改历史记录时更新其内部参数缓存。

下面是String原型实现：

String.prototype.getParam = function( str ){
    str = str.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regex = new RegExp( "[\\?&]*"+str+"=([^&#]*)" );    
    var results = regex.exec( this );
    if( results == null ){
        return "";
    } else {
        return results[1];
    }
}

示例调用：

var status = str.getParam("status")

str可以是查询字符串或url

使用纯JavaScript和正则表达式的简单解决方案：

alert(getQueryString("p2"));

function getQueryString (Param) {
    return decodeURI("http://www.example.com/?p1=p11&p2=p2222".replace(new RegExp("^(?:.*[&?]" + encodeURI(Param).replace(/[.+*]/g, "$&") + "(?:=([^&]*))?)?.*$", "i"), "$1"));
}

Js投标

更新：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”的答案。

如果您使用Browserify，则可以使用Node.js中的url模块：

var url = require('url');

url.parse('http://example.com/?bob=123', true).query;

// returns { "bob": "123" }

进一步阅读：URL Node.js v0.12.2手册和文档

编辑：您可以使用URL界面，它在几乎所有新浏览器中都被广泛采用，如果代码将在旧浏览器上运行，您可以使用像这样的polyfill。下面是一个关于如何使用URL接口获取查询参数（也称为搜索参数）的代码示例

const url = new URL('http://example.com/?bob=123');
url.searchParams.get('bob'); 

您也可以使用URLSearchParams进行搜索，下面是MDN的一个使用URLSearchParams进行搜索的示例：

var paramsString = "q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

//Iterate the search parameters.
for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"