js指定获取地址栏参数（hash地址后面）

汤圆(dumpling)

已于 2023-06-19 16:33:56 修改

阅读量946

点赞数

文章标签： javascript 前端 react.js vue.js

于 2023-06-19 16:33:20 首次发布

本文链接：https://blog.youkuaiyun.com/m0_47668952/article/details/131290673

版权

该函数用于从URL的哈希部分提取指定的查询参数。它首先去除#符号，然后查找查询字符串，通过URLSearchParams接口解析参数，并返回指定名称的参数值。如果找不到指定参数，函数返回null。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export function getUrlHashParams(paramName: string): string | null {
  // const hash = new URL(
  //   'https://www.xxx.com/xxx/xxx?xx=xxx#/docflow/inbiz?id=docidid&dadasdas=123456'
  // ).hash.substring(1) // 去除 '#' 符号

  const hash = window.location.hash.substring(1) // 去除 '#' 符号
  const queryIndex = hash.indexOf('?')

  if (queryIndex !== -1 && queryIndex < hash.length - 1) {
    const queryString = hash.substring(queryIndex + 1)
    const params = new URLSearchParams(queryString)

    return params.get(paramName)
  }

  return null
}