es6从url中获取想要的参数

第一种方法

很古老,通过 split 方法慢慢截取,可行是可行但是这个方法有一个弊端,因为 split 是分割成数组了,只能按照下标的位置获取值,所以就是参数位置一旦发生变化,那么获取到的值也就错位了

let userName = window.location.search.split('&')[1] ? window.location.search.split('&')[1].split('=')[1] : '';
第二种方法

比较优雅,我们通过 URLSearchParams 对象来解析URL中的参数,所以就算 url 中的参数位置发生变化也没有关系

const params = new URLSearchParams(window.location.search);
const accessToken = params.get('accessToken');

请注意,上述代码假设URL的查询字符串以?分隔,并且每个参数以&分隔。如果你的URL格式不同,你可能需要根据实际情况进行适当的调整。

相关推荐

  1. el-selectchange事件传自己参数

    2023-12-08 08:08:02       29 阅读
  2. Django 里获取url参数

    2023-12-08 08:08:02       4 阅读
  3. 如何使用JQUERY ..URL获取域名和参数

    2023-12-08 08:08:02       34 阅读
  4. js 对于一些脚本对于url一些参数获取

    2023-12-08 08:08:02       38 阅读
  5. ES6Promise

    2023-12-08 08:08:02       43 阅读
  6. ES6Set

    2023-12-08 08:08:02       37 阅读
  7. ES6Proxy

    2023-12-08 08:08:02       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 08:08:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 08:08:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 08:08:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 08:08:02       18 阅读

热门阅读

  1. 【Android Audio Focus 音频焦点】

    2023-12-08 08:08:02       41 阅读
  2. 阿里云CDN架构接入WAF应用防火墙案例实践

    2023-12-08 08:08:02       37 阅读
  3. 《算法面试宝典》--深度学习常见问题汇总

    2023-12-08 08:08:02       35 阅读
  4. lodash常用方法

    2023-12-08 08:08:02       31 阅读
  5. 华为fusioninsight集群kafka连接配置

    2023-12-08 08:08:02       36 阅读
  6. android 13.0 第三方输入法app设置系统默认输入法

    2023-12-08 08:08:02       36 阅读