JS获取URL参数方法

原创已于 2024-12-25 14:47:59 修改 · 2.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #开发语言

收录于

于 2022-03-10 18:14:22 首次发布

该博客讨论了在JavaScript中使用`new URLSearchParams()`解析URL参数的方法，但指出这种方法不兼容IE浏览器。提供了一种替代方案，通过`window.location.href`、字符串分割和循环处理来获取URL参数，从而实现兼容性。适合需要处理IE浏览器的前端开发者参考。

const result = new URLSearchParams(this.props.location.search); //此写法不兼容ie浏览器
const param = result.get('对应参数名');

或者：

      const res = window.location.href;
        let obj:any = {}; // 声明参数对象
        if(res.includes('?') && res.includes('&')){
            const URL = res.split('?')[1];
            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)