我在这里举了一个例子。但它在jQuery中。希望它能帮助其他人：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.url.js"></script>

<!-- URL:  www.example.com/correct/?message=done&year=1990-->

<script type="text/javascript">
$(function(){
    $.url.attr('protocol')  // --> Protocol: "http"
    $.url.attr('path')          // --> host: "www.example.com"
    $.url.attr('query')         // --> path: "/correct/"
    $.url.attr('message')   // --> query: "done"
    $.url.attr('year')      // --> query: "1990"
});
</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);

这是一种只检查一个参数的简单方法：

示例URL:

http://myserver/action?myParam=2

Javascript示例：

var myParam = location.search.split('myParam=')[1]

如果URL中存在“myParam”。。。变量myParam将包含“2”，否则将未定义。

在这种情况下，可能需要一个默认值：

var myParam = location.search.split('myParam=')[1] ? location.search.split('myParam=')[1] : 'myDefaultValue';

更新：这更有效：

var url = "http://www.example.com/index.php?myParam=384&login=admin"; // or window.location.href for current url
var captured = /myParam=([^&]+)/.exec(url)[1]; // Value is in [1] ('384' in our case)
var result = captured ? captured : 'myDefaultValue';

即使URL中充满了参数，它也能正常工作。

从许多答案中学习（如VaMoose的、Gnarf的或Blixt的）。

您可以创建一个对象（或使用Location对象）并添加一个方法，该方法允许您获取URL参数，解码后使用JS样式：

Url = {
    params: undefined,
    get get(){
        if(!this.params){
            var vars = {};
            if(url.length!==0)
                url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value){
                    key=decodeURIComponent(key);
                    if(typeof vars[key]==="undefined") {
                        vars[key]= decodeURIComponent(value);
                    }
                    else {
                        vars[key]= [].concat(vars[key], decodeURIComponent(value));
                    }
                });
            this.params = vars;
        }
        return this.params;
    }
};

这允许只使用Url.get调用该方法。

第一次它将从url中获取对象，下次它将加载保存的对象。

实例

在url中，如？param1=param1Value&param2=param2Value&param1=param1Value2，参数的获取方式如下：

Url.get.param1 //["param1Value","param1Value2"]
Url.get.param2 //"param2Value"

我使用

function getVal(str) {
    var v = window.location.search.match(new RegExp('(?:[\?\&]'+str+'=)([^&]+)'));
    return v ? v[1] : null;
}

最短路径：

new URL(location.href).searchParams.get("my_key");