【JS】获取hash模式下URL的搜索参数

• 函数封装：

function getHashSearchParam(key) {
  const url = location.href
  // 获取 hash 值，不包含 '#' 号
  const hash = url.substring(url.indexOf("#") + 1)
  // 查找 '?' 号所在的索引
  const searchIndex = hash.indexOf("?")
  // '?' 号后面接的是索引参数，如果找到则+1，去除'?' 号
  const search = searchIndex !== -1 ? hash.substring(searchIndex + 1) : ""
  // 把搜索参数字符串提过URLSearchParams转成对象形式
  const usp = new URLSearchParams(search)
  // 通过URLSearchParams自带的get方法，查询键所对应的值
  return usp.get(key)
}
1
2
3
4
5
6
7
8
9
10
11
12
13

• 使用案例：

// 假设当前页面url为
https://www.test.com/#/aa/bb?project_id=666

const project_id = getHashSearchParam("project_id")
console.log(project_id)		// '666'
1
2
3
4
5