什么是onhashchange事件？
在JavaScript中，onhashchange事件是指在当前文档的URL的锚部分发生改变时触发的事件。这个onhashchange事件可以通过JavaScript来监听，当锚部分发生改变时自动触发。锚部分是URL中“#”符号后面的部分，也就是页面中经常用到的“锚点”。
如何在 JavaScript 中使用 onhashchange 事件？
要使用 onhashchange 事件，我们需要对 window 对象绑定一个事件处理函数，代码如下:
// 绑定 onhashchange 事件处理函数
window.onhashchange = function() {
// 当URL的hash值发生变化时，触发这个函数
alert(location.hash);
};
在这个代码片段中，我们绑定了一个 onhashchange 事件处理函数，这个函数将在当前 URL 的锚部分发生改变时自动触发。在这个函数中，我们使用了 location.hash 属性获取了当前页面的锚部分，然后通过 alert 函数将其弹出显示。
onhashchange 事件的用途
1. 监听 URL 锚点的变化
onhashchange 事件最常见的用途就是监听 URL 锚点的变化。通过监听这个事件，我们可以在页面的 URL 锚点发生变化时自动触发相应的处理函数，实现动态化的页面效果。比如说，在一个单页应用程序中，我们可以使用 onhashchange 事件监听 URL 的变化，然后动态地加载不同的页面内容，而不必刷新整个页面。
2. 实现前进后退浏览历史记录
在 HTML5 中，浏览器提供了一个 History API，可以通过 JavaScript 来操作浏览器的历史记录。结合 onhashchange 事件，我们可以很容易地实现前进后退浏览历史记录的功能。
// 前进一页
history.forward();
// 后退一页
history.back();
3. 实现页面内的导航
在一个单页应用程序中，我们通常会使用锚点来实现页面内的导航。比如说，在一个带有多个 tab 的页面中，我们可以使用锚点来实现不同 tab 之间的切换。通过监听 onhashchange 事件，我们可以在 URL 锚点发生变化时自动加载相应的 tab 内容，从而实现页面内的导航功能。
结语
onhashchange 事件是在动态 Web 应用程序中非常有用的一个事件。通过监听这个事件，我们可以实现页面内导航、前进后退历史记录等功能。同时，结合 HTML5 提供的 History API，我们还可以实现更加高级的 Web 应用程序。不过，需要注意的是，由于不同浏览器对 onhashchange 事件的支持度不一样，因此在使用这个事件时，需要进行兼容性处理。