JS 获取url参数并保存在对象中

最新推荐文章于 2025-03-22 00:15:29 发布

原创最新推荐文章于 2025-03-22 00:15:29 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #Javascript

前端同时被 3 个专栏收录

12 篇文章

订阅专栏

javascript

7 篇文章

订阅专栏

ES6

3 篇文章

订阅专栏

部署运行你感兴趣的模型镜像

// 获取URL参数并保存在对象中

function getUrlParams() {
    // 假如当前的url为localhost:8080?a=1&b=2
    // location的search属性获取到 ?a=1&b=2  字符串
    let searchStr = window.location.search;
    let qs = searchStr ? searchStr.substring(1) : '';
    // 要是没有url参数，temp为空数组
    let temp = qs.length ? qs.split('&') : [];
    let len = temp.length;
    let paraObj = {};
    let item;
    for (let i = 0; i < len; i++) {
        item = temp[i].split('=');
        // 对两项进行解码再保存在对象中
        paraObj[decodeURIComponent(item[0])] = decodeURIComponent(item[1]);
    }
    return paraObj;
}
let paraObj = getUrlParams();
console.log(paraObj) // {a:'1',b:'2'}