使用 jQuery 监听 hashchange 事件是一种简单且方便的方式来处理浏览器 URL 中的哈希标识符（hash）的变化。在本文中，我们将探讨 hashchange 事件的工作原理，并提供一个案例代码来演示如何使用它。
当用户在浏览器的地址栏中修改 hash 值时，hashchange 事件将被触发。这意味着我们可以使用它来捕捉这些变化，并在发生变化时执行相应的操作。这可以用于创建单页应用程序，其中不同的页面内容根据 URL 中的哈希值来动态加载。让我们来看一个例子，假设我们有一个简单的网站，其中包含三个页面：主页、关于页面和联系页面。我们可以使用 hashchange 事件来切换这些页面的内容。html 使用 hashchange 事件切换页面内容
在上面的代码中，我们首先在 `` 标签中引入 jQuery 库。然后，我们在 `` 标签中创建了一个导航栏，并添加了三个链接，每个链接的 href 属性都包含一个不同的哈希值（#home、#about 和 #contact）。当用户点击这些链接时，浏览器的 URL 将发生变化，并触发 hashchange 事件。在 JavaScript 部分，我们使用 `$(window).on('hashchange', function() {...})` 来监听 hashchange 事件。在事件处理程序中，我们获取当前的哈希值，并根据哈希值的不同来切换页面内容。我们使用 jQuery 的 `html()` 方法来更新 `` 元素的内容。此外，我们还通过 `$(window).trigger('hashchange')` 来触发一次初始的 hashchange 事件，以确保页面加载时正确显示相应的内容。通过使用 hashchange 事件，我们可以轻松地根据 URL 中的哈希值来切换页面内容，从而创建出更加交互式和动态的单页应用程序。