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

Question

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

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

我如何才能找到的key

Answer 1

使用此功能的价值。它是从riot.route.query()

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

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