我有一个带有一些GET参数的URL，如下所示：
www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5
我需要得到c的全部值。我试图读取URL，但只得到m2。如何使用JavaScript执行此操作？
当前回答
使用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}'）；
其他回答
我需要读取一个URLGET变量，并根据URL参数完成一个操作。我到处寻找解决方案，结果发现了一小段代码。它基本上读取当前页面url，对url执行一些正则表达式，然后将url参数保存在关联数组中，我们可以轻松访问该数组。
作为一个例子，如果我们有下面的url，底部有javascript。
http://TestServer/Pages/NewsArchive.aspx?year=2013&Month=July
获取参数id和page所需要做的就是调用这个：
准则将是：
<script type="text/javascript">
var first = getUrlVars()["year"];
var second = getUrlVars()["Month"];
alert(first);
alert(second);
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
</script>
我很早以前就发现了这一点，非常简单：
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 parseUrl(url){
let urlParam = url.split("?")[1];
console.log("---------> URL param : " + urlParam);
urlParam = urlParam.split("&");
let urlParamObject = {};
for(let i=0;i < urlParam.length;i++){
let tmp = urlParam[i].split("=");
urlParamObject[tmp[0]] = tmp[1];
}
return urlParamObject;
}
let param = parseUrl(url);
param.a // output 10
param.b // output 20
function getParamValue(param) {
var urlParamString = location.search.split(param + "=");
if (urlParamString.length <= 1) return "";
else {
var tmp = urlParamString[1].split("&");
return tmp[0];
}
}
无论参数是否为最后一个，这都适用于您的情况。
浏览器供应商已经通过URL和URLSearchParams实现了一种本地方式。
let url = new URL('http://www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5');
let searchParams = new URLSearchParams(url.search);
console.log(searchParams.get('c')); // outputs "m2-m3-m4-m5"
目前支持Firefox、Opera、Safari、Chrome和Edge。有关浏览器支持的列表，请参阅此处。
https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParamshttps://developer.mozilla.org/en-US/docs/Web/API/URL/URL
https://url.spec.whatwg.org/
谷歌工程师埃里克·比德尔曼（Eric Bidelman）建议在不受支持的浏览器上使用这种polyfill。
