从 URL 获取哈希 - JavaScript

在 JavaScript 中，我们可以通过 window.location.hash 属性获取 URL 的哈希部分。哈希部分通常用于在页面内部进行标识或导航，例如在单页面应用程序中。本文将介绍如何使用 JavaScript 获取 URL 的哈希，并提供相应的代码示例。

获取 URL 哈希

要获取 URL 的哈希，我们只需要使用 window.location.hash 属性。该属性返回的是 URL 中 # 号后面的部分，即哈希部分。

以下是获取 URL 哈希的示例代码：

const hash = window.location.hash;
console.log(hash); // 输出当前 URL 的哈希部分

监听 URL 哈希变化

如果需要监听 URL 的哈希变化，我们可以使用 window.onhashchange 事件。该事件会在 URL 的哈希部分发生变化时触发。我们可以编写相应的回调函数来处理哈希变化事件。

以下是监听 URL 哈希变化的示例代码：

window.onhashchange = function() {
  const hash = window.location.hash;
  console.log('哈希已更改:', hash);
  // 处理哈希变化事件
};

修改 URL 哈希

如果需要修改 URL 的哈希部分，我们可以使用 window.location.hash 属性来进行设置。将所需的哈希部分作为该属性的值即可。

以下是修改 URL 哈希的示例代码：

window.location.hash = 'new-hash';

总结

JavaScript 允许我们轻松地获取 URL 的哈希部分，并且可以在需要时监听和修改哈希。这些功能在单页面应用程序中非常有用，因为它们可以帮助我们管理应用程序状态并进行导航。

以上就是本文的全部内容。希望能够帮助您使用 JavaScript 获取 URL 的哈希。