js 如何获得URL地址中的参数及值

hst❀

于 2019-08-20 15:42:03 发布

阅读量258

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

原文链接：https://www.jianshu.com/p/903a81826700

javascript 专栏收录该内容

57 篇文章

订阅专栏

本文介绍了一种使用JavaScript解析URL中查询参数的方法，通过自定义函数query，能够将URL中的查询字符串转换为易于操作的对象格式。这种方法适用于前端开发，有助于简化对URL参数的处理。

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

function query(sHref = window.location.href){
    var obj = {};
    var args = sHref.split('?');
    if(args[0] == sHref) return obj;
    var arr = args[1].split('&');
    for(var i = 0;i< arr.length;i++){
        var arg = arr[i].split('=');
        obj[arg[0]] = arg[1];
    }
    return obj;
}

倘若你当前的地址是：http://zhangpeiyue.com/s?a=1&b=2

var result = query();
console.log(result);// { a: '1', b: '2' }

也可以指定地址

var result = query("http://zhangpeiyue.com/s?c=3&d=4");
console.log(result);// { c: '3', d: '4' }