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 也可以替换成任何想获得参数的 url
    if (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种方法总结