js 监控url变化

要监控 url 变化，可以使用 window 对象的 popstate 事件或 hashchange 事件。

popstate 事件会在浏览器的历史记录发生变化时触发，比如用户点击前进或后退按钮，或者调用 history.pushState() 或 history.replaceState() 方法。

示例代码：

window.addEventListener('popstate', function(event) {
  console.log('url 发生变化：', location.href);
});

hashchange 事件会在 URL 的锚点部分发生变化时触发。

示例代码：

window.addEventListener('hashchange', function(event) {
  console.log('url 发生变化：', location.href);
});

注意：使用 hashchange 事件监控 URL 变化时，只能监控锚点部分的变化，而无法监控其他部分的变化。如果需要监控整个 URL 的变化，应该使用 popstate 事件