从 JavaScript 中的 URL 获取查询字符串参数

Question

我正在寻找一种从 url 中提取查询参数及其对应值的方法。

例如。如果我有网址：http://example.com/home?key=value

如何找到key的值

Answer 1

使用此功能。它的灵感来自riot.route.query()

getQuery( [url] ) 在window.location.href 或可选的url 参数的查询中返回一个包含每个key、value 对的对象。

var iFrameUrls = [
    'http://www.kk.com/home/add.do?select=inputText',
    '?select=verifyText&this=foo%20bar',
    'http://www.kk.com/home/add.do?select=confirmText'
    ];

function getQuery(url) {
    var query = {},
        href = url || window.location.href;
        
    href.replace(/[?&](.+?)=([^&#]*)/g, function (_, key, value) {
        query[key] = decodeURI(value).replace(/\+/g, ' ');
    });
    
    return query;
}

for (var i = 0, l = iFrameUrls.length; i < l; i++)
  console.log( getQuery( iFrameUrls[i] ) );