我见过的大多数实现都错过了URL对名称和值的解码。

下面是一个通用的实用程序函数，它也可以进行正确的URL解码：

function getQueryParams(qs) {
    qs = qs.split('+').join(' ');

    var params = {},
        tokens,
        re = /[?&]?([^=]+)=([^&]*)/g;

    while (tokens = re.exec(qs)) {
        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
    }

    return params;
}

//var query = getQueryParams(document.location.search);
//alert(query.foo);

Eldon McGuinness的Gist是迄今为止我见过的JavaScript查询字符串解析器的最完整的实现。

不幸的是，它是作为jQuery插件编写的。

我将其重写为vanilla JS，并做了一些改进：

函数parseQuery（str）{var qso=｛｝；var qs=（str|| document.location.search）；//检查是否有空的查询字符串如果（qs==“”）{回归qso；}//规范化查询字符串qs=qs.replace（/（^\？）/，“”）.replace（/；/g，“&”）；而（qs.indexOf（“&&”）！=-1) {qs=qs.替换（/&&/g，'&'）；}qs=qs.replace（/（[\&]+$）/，“”）；//将查询字符串拆分为多个部分qs=qs.拆分（“&”）；//生成querystring对象对于（变量i=0；i<qs.length；i++）{var qi=qs[i].split（“=”）；qi=qi.map（函数（n）{返回decodeURIComponent（n）});if（类型qi[1]==“未定义”）{qi[1]=空；}if（qso[qi[0]的类型！==“未定义”）{//如果键已经存在，则将其设置为对象if（typeof（qso[qi[0]）==“string”）{var temp=qso[qi[0]]；如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]]=[]；qso[qi[0]].推（温度）；qso[qi[0]。push（qi[1]）；}否则如果（typeof（qso[qi[0]）==“对象”）{如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]。push（qi[1]）；}}其他{//如果没有键，只需将其设置为字符串如果（qi[1]==“”）{qi[1]=空；}qso[qi[0]]=qi[1]；}}回归qso；}//演示console.log（parseQuery（“？foo=bar&foo=boo&roo=bar；bee=bop；=ghost；=ghost2；&；checkbox%5B%5D=b1；checkbox%5 B%5D=b2；dd=；http=http%3A%2F%2Fw3schools.com%2My%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&http=http%2A%2F%3F%2Fw3schools2.com%2Fmy%20est.asp%3Fame%3Dst%A5%A5le%26car%3Dsaab”）；

另请参见此Fiddle。

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

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

还有一个建议。

已经有一些很好的答案，但我发现它们不必要地复杂，难以理解。这是一个简短、简单的数组，它返回一个简单的关联数组，其中键名与URL中的令牌名相对应。

我为那些想学习的人添加了一个带有评论的版本。

注意，它的循环依赖于jQuery（$.each），我建议使用jQuery而不是forEach。我发现，全面使用jQuery来确保跨浏览器兼容性比插入单独的补丁来支持旧浏览器不支持的新功能更简单。

编辑：在我写了这篇文章后，我注意到埃里克·埃利奥特的回答几乎相同，尽管它使用了forEach，而我通常反对（出于上述原因）。

function getTokens(){
    var tokens = [];
    var query = location.search;
    query = query.slice(1);
    query = query.split('&');
    $.each(query, function(i,value){    
        var token = value.split('=');   
        var key = decodeURIComponent(token[0]);     
        var data = decodeURIComponent(token[1]);
        tokens[key] = data;
    });
    return tokens;
}

注释版本：

function getTokens(){
    var tokens = [];            // new array to hold result
    var query = location.search; // everything from the '?' onward 
    query = query.slice(1);     // remove the first character, which will be the '?' 
    query = query.split('&');   // split via each '&', leaving us an array of something=something strings

    // iterate through each something=something string
    $.each(query, function(i,value){    

        // split the something=something string via '=', creating an array containing the token name and data
        var token = value.split('=');   

        // assign the first array element (the token name) to the 'key' variable
        var key = decodeURIComponent(token[0]);     

        // assign the second array element (the token data) to the 'data' variable
        var data = decodeURIComponent(token[1]);

        tokens[key] = data;     // add an associative key/data pair to our result array, with key names being the URI token names
    });

    return tokens;  // return the array
}

对于下面的示例，我们将假设此地址：

http://www.example.com/page.htm?id=4&name=murray

您可以将URL令牌分配给自己的变量：

var tokens = getTokens();

然后按名称引用每个URL令牌，如下所示：

document.write( tokens['id'] );

这将打印“4”。

您也可以直接从函数中引用一个令牌名称：

document.write( getTokens()['name'] );

…上面会印着“murray”。

我使用parseUri库。它允许您完全按照您的要求进行操作：

var uri = 'www.test.com/t.html&a=1&b=3&c=m2-m3-m4-m5';
var c = uri.queryKey['c'];
// c = 'm2-m3-m4-m5'

您可以添加一个输入框，然后要求用户将值复制到其中……这非常简单：

<h1>Hey User! Can you please copy the value out of the location bar where it says like, &m=2? Thanks! And then, if you could...paste it in the box below and click the Done button?</h1>
<input type='text' id='the-url-value' />
<input type='button' value='This is the Done button. Click here after you do all that other stuff I wrote.' />

<script>
//...read the value on click

好吧，但说真的。。。我发现了这段代码，它似乎很有用：

http://www.developerdrive.com/2013/08/turning-the-querystring-into-a-json-object-using-javascript/

function queryToJSON() {
    var pairs = location.search.slice(1).split('&');

    var result = {};
    pairs.forEach(function(pair) {
        pair = pair.split('=');
        result[pair[0]] = decodeURIComponent(pair[1] || '');
    });

    return JSON.parse(JSON.stringify(result));
}

var query = queryToJSON();