js获取url地址的参数的方法
程序员文章站
2023-02-20 23:08:17
js获取url参数值 今天说一下如何获取url参数值。 思路 + 通过 的`search`就可以获取到url中问号后面的值。 + 字符串过滤到问号 + 通过split方法分割参数集合 + 循环赋值 + 匹配对应的参数值 + 返回值 封装的方法 js function getUrlParams(nam ......
js获取url参数值
今天说一下如何获取url参数值。
思路
- 通过
location
的search
就可以获取到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
写在最后
这是一个比较简单的方法。