方法一：使用hashchange事件
在浏览器的URL地址中，#符号后面的内容被称为hash。我们可以通过监听hashchange事件来捕获URL地址的变化。具体实现如下：
上述代码中，我们使用$(window).on('hashchange', callback)来注册hashchange事件的回调函数。当URL地址的hash发生变化时，浏览器会自动触发该事件，并调用相应的回调函数。
- $(window).on('hashchange', function() {
- // 当URL地址的hash发生变化时，执行相应的操作
- var hash = window.location.hash; // 获取当前的hash值
- // TODO: 根据hash值执行相应的操作
- });
注意： 如果URL地址一开始就含有hash值，页面加载时并不会触发hashchange事件。如果需要在页面加载时立即执行相应操作，可以在代码中添加一段初始化的处理逻辑。
方法二：使用popstate事件
除了hashchange事件，还可以使用popstate事件来监听URL地址的变化。popstate事件是HTML5新增的事件，可以在浏览器的历史记录发生变化时触发。具体实现如下：
- $(window).on('popstate', function(event) {
- // 当URL地址的历史记录发生变化时，执行相应的操作
- var state = event.originalEvent.state; // 获取当前的历史状态
- // TODO: 根据历史状态执行相应的操作
- });
和hashchange事件类似，我们使用$(window).on('popstate', callback)来注册popstate事件的回调函数。当URL地址的历史记录发生变化时，浏览器会自动触发该事件，并调用相应的回调函数。
注意： 使用popstate事件需要注意兼容性问题。在不支持HTML5的浏览器中，popstate事件不会被触发。可以通过判断window.history.pushState的存在来进行兼容性处理。
文章点评