`location.hash` 是 JavaScript 中 `window.location` 对象的一个属性，用于获取或设置当前文档的锚点部分（也就是 URL 中的哈希部分）。这通常用于处理页面的滚动位置或者处理某些页面跳转的需求。它的值是字符串形式，包括开头的 `#` 符号。例如，如果当前 URL 是 `https://example.com/#/some-section`，那么 `location.hash` 的值将会是 `/#/some-section`。

以下是一些关于 `location.hash` 的常见用途：

### 获取哈希值

可以通过读取 `location.hash` 来获取当前 URL 的哈希部分：

```javascript

console.log(window.location.hash); // 输出如：#some-section

```

### 设置哈希值以滚动到页面特定部分

更改 `location.hash` 可以使浏览器滚动到页面的特定部分。这在创建单页应用（SPA）时特别有用，通常与监听 `hashchange` 事件结合使用。例如：

```javascript

window.location.hash = '#section-to-scroll-to'; // 页面滚动到指定锚点位置

```

### 与监听事件结合使用以跟踪锚点变化

你可以监听 `hashchange` 事件来跟踪 URL 中哈希的变化：

```javascript

window.addEventListener('hashchange', function(event) {

console.log('哈希值已更改:', window.location.hash);

});

```

每当哈希值发生变化时（例如点击一个带有锚点的链接），这个事件就会触发。这在处理前端路由时非常有用。

location.hash

`location.hash` 是 JavaScript 中 `window.location` 对象的一个属性，它表示当前 URL 中的哈希部分（也称为锚点或 # 之后的片段）。哈希通常用于网页导航和页面内特定部分的定位。当用户点击一个带有哈希的链接时，浏览器会滚动到该页面的相应部分，而不是重新加载整个页面。这在单页应用程序（SPA）中尤为常见。

例如，假设当前页面的 URL 是 `https://example.com/page#section3`，那么 `location.hash` 的值将是 `#section3`。这表示用户当前位于名为 "section3" 的页面部分。

你可以使用 `location.hash` 来获取或设置当前页面的哈希值。例如：

```javascript

console.log(window.location.hash); // 输出 "#section3"（假设当前页面是上述示例中的页面）

```

如果你想要更改哈希值并滚动到页面的特定部分，你可以这样做：

```javascript

window.location.hash = "#section2"; // 将哈希值更改为 "#section2"，并滚动到该部分（如果页面上有该部分的话）

```

请注意，更改 `location.hash` 不会触发页面重新加载或页面跳转，它只会滚动到页面的特定部分。这是因为浏览器处理哈希的方式不同。对于普通 HTML 页面来说，当 URL 中的哈希改变时，页面不会重新加载；而对于单页应用程序来说，这可能会触发特定的 JavaScript 事件或路由变化。