JavaScript 更改 URL 哈希

在 JavaScript 中，我们可以使用 window.location 对象来访问和修改当前 URL。其中，URL 哈希就是指 URL 中的 # 符号后面的部分。

以下是一些可以帮助你更改 URL 哈希的示例代码。

获取 URL 哈希

如果你想获取当前 URL 的哈希部分，你可以使用 window.location.hash 属性。

const hash = window.location.hash;
console.log(hash);

输出结果会是当前 URL 中 # 后面的部分。

设置 URL 哈希

如果你需要更改当前 URL 的哈希部分，你可以直接修改 window.location.hash 的值。

window.location.hash = '#newhash';

这会将 URL 的哈希部分更改为 #newhash。

监听 URL 哈希变化

有时候，我们需要在 URL 哈希发生变化时执行一些操作。你可以使用 window.onhashchange 事件来监听 URL 哈希的变化。

window.onhashchange = function() {
    console.log('URL 哈希已变化');
    console.log('新的哈希值:', window.location.hash);
};

每当 URL 哈希发生变化时，上述代码段中的回调函数就会被触发。

注意事项

请注意，修改 URL 哈希不会导致页面重新加载或跳转。相反，它仅仅修改了 URL 的一部分，并且可以被 JavaScript 监听到。

另外，URL 哈希的变化只会影响到 URL 的 fragment 部分，这意味着浏览器不会向服务器发送新的请求。因此，这通常用于构建单页面应用程序内的导航和状态管理。

以上就是有关 JavaScript 更改 URL 哈希的一些基本概念和示例代码。希望对你有所帮助！