JS获取当前页面 URL 参数方法（转）

转自：JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结

法一

const result = new URLSearchParams(this.props.location.search);const param = result.get('对应参数名');

法二

let url= window.location.href;const URL = res.split('?')[1];let obj = {}; // 声明参数对象let arr = URL.split("&");for (let i = 0; i < arr.length; i++) {let arrNew = arr[i].split("="); obj[arrNew[0]] = arrNew[1];}console.log('输出结果是---->',obj)console.log('输出结果是---->',obj["id"))

法三

getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg); // window.lcation.search 也可以替换成任何想获得参数的 urlif (r != null) {return unescape(r[2]);}return null;}

name:参数名

如当前页面的url为：http://test.html?id=12&name=zhangsan

var _id=this.getQueryString("id");

var _name=this.getQueryString("name");

结果：_id=12, _name=zhangsan

转自：JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结

如果觉得《JS获取当前页面 URL 参数方法（转）》对你有帮助，请点赞、收藏，并留下你的观点哦！