获取地址栏参数

黑色是一种幽默

已于 2023-07-11 11:45:16 修改

阅读量99

点赞数 1

文章标签： javascript 前端 es6

于 2023-07-10 16:16:44 首次发布

本文链接：https://blog.csdn.net/shikaixina/article/details/131593485

版权

该代码段展示了如何在JavaScript中获取URL查询参数。首先尝试使用URLSearchParams接口，如果浏览器不支持，则通过分割URL字符串来解析参数。函数返回指定属性的值或整个查询参数对象。

摘要由CSDN通过智能技术生成

获取地址参数

URLSearchParams可用优先使用，否则通过切割实现相似功能

	getQueryString(propName) {
      let url = ''
      let searchData = {}

      if (!window.location.search) {
        const index = window.location.hash.indexOf('?')
        if (index !== -1) url = window.location.hash.slice(index)
      } else {
        url = window.location.search
      }

      if (!url) return propName ? '' : searchData

      if (typeof URLSearchParams === 'function') {
        searchData = Object.fromEntries(new URLSearchParams(url))
      } else {
        decodeURIComponent(url).split('&').forEach((item) => {
          const [key, ...value] = item.split('=')
          Reflect.set(searchData, key, value.join('='))
        })
      }

      return typeof propName === 'string' && propName ? Reflect.get(searchData, propName) : searchData
    },