我需要读取一个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>

JavaScript本身没有内置处理查询字符串参数的功能。

在（现代）浏览器中运行的代码可以使用URL对象（Web API）。URL也由Node.js实现：

//如果您想使用，可以从window.location.href获取url_string//当前页面的URLvar url_string=“http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5“；var url=新url（url_string）；var c=url.searchParams.get（“c”）；控制台日志（c）；

对于较旧的浏览器（包括Internet Explorer），可以使用此polyfill。

您还可以对URLSearchParams使用一个，并提取查询字符串，以通过window.location.search.substring（1）传递给它。

您也可以使用URL之前的原始版本的代码。上面的polyfill是健壮的，经过了很好的测试，但我强烈建议使用它。

您可以访问location.search，这将从中提供给您？在URL末尾或片段标识符（#foo）的开头（以先到者为准）添加一个字符。

然后，您可以使用以下命令解析它：

函数parse_query_string（查询）{var vars=查询.split（“&”）；var query_string=｛｝；对于（var i=0；i<vars.length；i++）{var pair=vars[i].split（“=”）；var key=解码URIComponent（pair.shift（））；var value=decodeURIComponent（pair.join（“=”））；//如果第一个条目具有此名称if（query_string[key]类型==“未定义”）{query_string[key]=值；//如果第二个条目具有此名称}否则如果（query_string[key]类型==“string”）{var arr=[query_string[key]，value]；query_string[key]=arr；//如果使用此名称的第三个或更高版本条目}其他{query_string[key].push（值）；}}返回query_string；}var query_string=“a=1&b=3&c=m2-m3-m4-5”；var parsed_qs=parse_query_string（query_string）；控制台日志（parsed_qs.c）；

您可以通过以下方式从当前页面的URL获取查询字符串：

var query = window.location.search.substring(1);
var qs = parse_query_string(query);

简单的方法

function getParams(url){
        var regex = /[?&]([^=#]+)=([^&#]*)/g,
            params = {},
            match;
        while(match = regex.exec(url)) {
            params[match[1]] = match[2];
        }
        return params;
    }

然后像getParams（url）一样调用它

// http:localhost:8080/path?param_1=a&param_2=b
var getParamsMap = function () {
    var params = window.location.search.split("&");
    var paramsMap = {};
    params.forEach(function (p) {
        var v = p.split("=");
        paramsMap[v[0]]=decodeURIComponent(v[1]);
    });
    return paramsMap;
};

// -----------------------

console.log(getParamsMap()["param_1"]);  // should log "a"     

您可以简单地使用核心javascript以js对象的形式获取参数的键值：

var url_string = "http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5";
var url = new URL(url_string);
let obj = {};
var c = url.searchParams.forEach((value, key) => {
  obj[key] = value;
});
console.log(obj);

来源

function gup( name, url ) {
    if (!url) url = location.href;
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( url );
    return results == null ? null : results[1];
}
gup('q', 'hxxp://example.com/?q=abc')