欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js获取url地址的参数的方法

程序员文章站 2022-05-17 14:50:23
js获取url参数值 今天说一下如何获取url参数值。 思路 + 通过 的`search`就可以获取到url中问号后面的值。 + 字符串过滤到问号 + 通过split方法分割参数集合 + 循环赋值 + 匹配对应的参数值 + 返回值 封装的方法 js function getUrlParams(nam ......

js获取url参数值

今天说一下如何获取url参数值。

思路

  • 通过locationsearch就可以获取到url中问号后面的值。
  • 字符串过滤到问号
  • 通过split方法分割参数集合
  • 循环赋值
  • 匹配对应的参数值
  • 返回值

封装的方法

function geturlparams(name) { // 不传name返回所有值,否则返回对应值
    var url = window.location.search;
    if (url.indexof('?') == 1) { return false; }
    url = url.substr(1);
    url = url.split('&');
    var name = name || '';
    var nameres;
    // 获取全部参数及其值
    for(var i=0;i<url.length;i++) {
        var info = url[i].split('=');
        var obj = {};
        obj[info[0]] = decodeuri(info[1]);
        url[i] = obj;
    }
    // 如果传入一个参数名称,就匹配其值
    if (name) {
        for(var i=0;i<url.length;i++) {
            for (const key in url[i]) {
                if (key == name) {
                    nameres = url[i][key];
                }
            }
        }
    } else {
        nameres = url;
    }
    // 返回结果
    return nameres;
}

实例

例如:

const url = 'http://www.abc.com/test.php?id=1&from=index';
var res = geturlparams();
var res1 = geturlparams('id');
console.log(res); //  [{id: "1"}, {from: "index"}]
console.log(res1); // 1

写在最后

这是一个比较简单的方法。