我有一个带有一些GET参数的URL，如下所示：
www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5
我需要得到c的全部值。我试图读取URL，但只得到m2。如何使用JavaScript执行此操作？
当前回答
优雅、实用的解决方案
让我们创建一个包含URL参数名作为关键字的对象，然后我们可以通过其名称轻松提取参数：
// URL: https://example.com/?test=true&orderId=9381
// Build an object containing key-value pairs
export const queryStringParams = window.location.search
.split('?')[1]
.split('&')
.map(keyValue => keyValue.split('='))
.reduce<QueryStringParams>((params, [key, value]) => {
params[key] = value;
return params;
}, {});
type QueryStringParams = {
[key: string]: string;
};
// Return URL parameter called "orderId"
return queryStringParams.orderId;
其他回答
使用replace（）方法的最简单方法：
从urlStr字符串：
paramVal = urlStr.replace(/.*param_name=([^&]*).*|(.*)/, '$1');
或从当前URL：
paramVal = document.URL.replace(/.*param_name=([^&]*).*|(.*)/, '$1');
说明：
document.URL-接口以字符串形式返回文档位置（页面URL）。replace（）-方法返回一个新字符串，其中模式的部分或全部匹配项由替换项替换。/.*param_name=（[^&]*）.*/-括在斜杠之间的正则表达式模式，表示：.*-零个或多个字符，param_name=-已搜索的param名称，正则表达式中的（）-组，[^&]*-一个或多个字符，不包括&，|-交替，$1-对正则表达式中第一个组的引用。
var urlStr='www.test.com/t.html？a=1&b=3&c=m2-m3-m4-m5’；var c=urlStr.replace（/.*c=（[^&]*）.*|（.*）/，'$1'）；var notExisted=urlStr.replace（/.*not_existed=（[^&]*）.*|（.*）/，'$1'）；console.log（`c==='${c}'）；console.log（`notExisted=='${notExisted}'）；
我很早以前就发现了这一点，非常简单：
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
function(m,key,value) {
vars[key] = value;
});
return vars;
}
然后这样称呼：
var fType = getUrlVars()["type"];
这是有效的：
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [null, ''])[1].replace(/\+/g, '%20')) || null;
}
我没有得到任何其他最好的答案。
使用URLSearchParams的超简单方法。
function getParam(param){
return new URLSearchParams(window.location.search).get(param);
}
目前，Chrome、Firefox、Safari、Edge和其他浏览器都支持它。
我使用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'
