JS-获取当前URL的参数

最新推荐文章于 2025-05-27 14:43:19 发布

原创最新推荐文章于 2025-05-27 14:43:19 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS #获取URL参数

JS 同时被 2 个专栏收录

27 篇文章

订阅专栏

前端

27 篇文章

订阅专栏

本文介绍了一种使用JavaScript从当前URL中解析查询参数的方法，并提供了获取特定参数及其默认值的实用函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

链接：http://localhost:8080/test/upload?test1=1&test2=2
获取问号后面的参数

//返回对象
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}
//获取指定参数，可以设置默认值
function getUrlParam(parameter, defaultvalue){
    var urlparameter = defaultvalue;
    if(window.location.href.indexOf(parameter) > -1){
        urlparameter = getUrlVars()[parameter];
        }
    return urlparameter;
}
var test1 = getUrlVars()["test1"];
var test2 = getUrlVars()["test2"];

console.log(getUrlParam("test1", 123));
console.log(getUrlParam("test3", 11));