如何读取URL中带有&符号的哈希值

要读取 URL 中带有&符号的哈希值，需要使用JavaScript中的location对象及其相关方法。具体步骤如下：

1. 获取哈希值

首先，可以使用window.location.hash属性来获取当前URL的哈希值，该属性返回的是字符串类型。例如：

let hash = window.location.hash;
console.log(hash); // 输出当前URL的哈希值，例如：#info=123&name=张三

2. 去除#符号

由于哈希值是以#符号开头的，因此我们需要去除这个#符号。可以使用JavaScript中的字符串方法substring()或slice()来去除。例如：

let hash = window.location.hash.substring(1); // 去除第一个字符#
console.log(hash); // 输出去除#号后的哈希值，例如：info=123&name=张三

或者使用slice()方法：

let hash = window.location.hash.slice(1);
console.log(hash); // 输出去除#号后的哈希值，例如：info=123&name=张三

3. 切割哈希值

接下来，我们需要将哈希值按照&符号进行分割成一个个键值对。可以使用字符串方法split()实现该功能，需要指定分隔符。例如：

let hash = window.location.hash.slice(1); // 去除#
let hashArr = hash.split('&'); // 分割哈希值中的键值对
console.log(hashArr); // 输出分割后的哈希值数组，例如：["info=123", "name=张三"]

4. 解析键值对

最后，我们需要对每个键值对进行解析，并将其保存到一个对象中。可以使用循环语句和字符串方法split()再次对每个键值对进行分割，分别得到键和值，然后将其保存到一个对象中。例如：

let hash = window.location.hash.slice(1); // 去除#
let hashArr = hash.split('&'); // 分割哈希值中的键值对
let hashObj = {}; // 定义一个空对象，用于存储解析后的键值对
for (let i = 0; i < hashArr.length; i++) {
  let arr = hashArr[i].split('='); // 分割键值对
  hashObj[arr[0]] = arr[1]; // 将键值对保存到对象中
}
console.log(hashObj); // 输出解析后的哈希值对象，例如：{info: "123", name: "张三"}

通过以上步骤，就可以读取URL中带有&符号的哈希值了。

下面是两个示例：

示例1

假设当前URL为：http://example.com/#info=123&name=张三

执行上述代码后，将会输出以下结果：

let hash = window.location.hash.slice(1); // 去除#
let hashArr = hash.split('&'); // 分割哈希值中的键值对
let hashObj = {}; // 定义一个空对象，用于存储解析后的键值对
for (let i = 0; i < hashArr.length; i++) {
  let arr = hashArr[i].split('='); // 分割键值对
  hashObj[arr[0]] = arr[1]; // 将键值对保存到对象中
}
console.log(hashObj); // 输出解析后的哈希值对象，例如：{info: "123", name: "张三"}

示例2

假设当前URL为：http://example.com/#query=hello%20world&count=10

执行上述代码后，将会输出以下结果：

let hash = window.location.hash.slice(1); // 去除#
let hashArr = hash.split('&'); // 分割哈希值中的键值对
let hashObj = {}; // 定义一个空对象，用于存储解析后的键值对
for (let i = 0; i < hashArr.length; i++) {
  let arr = hashArr[i].split('='); // 分割键值对
  hashObj[arr[0]] = arr[1]; // 将键值对保存到对象中
}
console.log(hashObj); // 输出解析后的哈希值对象，例如：{query: "hello world", count: "10"}

需要注意的是，URL中的哈希值中包含了URL编码的内容，例如空格会被转化为"%20"。如果需要对这些编码进行解码，可以使用decodeURIComponent()函数进行解码。例如：

let hash = window.location.hash.slice(1); // 去除#
let hashArr = hash.split('&'); // 分割哈希值中的键值对
let hashObj = {}; // 定义一个空对象，用于存储解析后的键值对
for (let i = 0; i < hashArr.length; i++) {
  let arr = hashArr[i].split('='); // 分割键值对
  hashObj[arr[0]] = decodeURIComponent(arr[1]); // 将键值对保存到对象中，并对值进行URL解码
}
console.log(hashObj); // 输出解析后的哈希值对象，例如：{query: "hello world", count: "10"}