获取url内的参数数据

例如我们的页面 是含有参数的 类似于 www.baidu.com?userdata=百度用户

我们想获得 url内的userdata的数据值 那么就需要 使用下方这个正则判断方式来进行计算

window.location.href

这个可以获得 window对象内的location的href 也就是我们当前页面的地址

第一种 正则方式获得

然后通过语法正则判断问号 ? 后面的数据

    // 获取url的数据参数

      let url =window.location.href
      // // 返回参数对象
      function queryURLParams(url) {
        let pattern = /(\w+)=(\w+)/ig; //定义正则表达式
        let parames = {}; // 定义参数对象
        url.replace(pattern, ($, $1, $2) => {
          parames[$1] = $2;
        });
        return parames;
      }
      let urldata = queryURLParams(url)
      alert(urldata.userdata)

然后我们就可以alert弹窗提示 userdata的内容了

第二种 利用URLSearchParams语法获取

    let URL = "http://www.baidu.com?name=elephant&age=25&sex=male&num=100"
  function queryURLParams(URL) {
    let url = URL.split("?")[1];
    const urlSearchParams = new URLSearchParams(url);
    const params = Object.fromEntries(urlSearchParams.entries());
    return params
  }
  console.log(queryURLParams(URL))

 

 缺点就是第二种方式 不适配IE浏览器