如何使用 javascript 和 JQuery 检测文档 URL 已更改？答案

【问题标题】：How to detect that the document URL has changed, using javascript and JQuery?如何使用 javascript 和 JQuery 检测文档 URL 已更改？
【发布时间】：2013-03-24 12:12:24
【问题描述】：

我正在实现一个浏览器插件。
我想检测文档 URL 更改为当前 URL 以外的另一个 URL 的事件。
类似这样的东西[顺便说一句，那是伪代码]：

$(window).bind('documenturlchange', function() {
    alert("page document url has been changed");
});

如何实现这个功能？

顺便说一句，hashchange 仅检测 url 中更改的“哈希部分”，但不会检测到整个链接更改（例如可能到另一个域）

【问题讨论】：

我认为这可以帮助你stackoverflow.com/questions/2161906/…
stackoverflow.com/questions/8212845/…
您能详细说明您要做什么吗？也许有更好的方法。
hashchange 仅检测哈希更改，我想检测完整的 url 更改（例如可能到另一个域）
我无法检测到选项卡中的 URL 更改，而且它对检测/获取/存储用户的浏览活动构成安全/隐私威胁，您只能通过以下方式访问当前选项卡的 URL使用方法获取查询字符串！！

标签： javascript jquery

【解决方案1】：

您可以利用窗口 DOM 对象 hashchange 事件来检测 URL 的变化。例如，假设当前网址为http://yourhost.com，新网址为http://yourhost.com#changed，此时会触发onhashchange事件。

参考：HashChange

【讨论】：

hashchange 仅检测 url 中更改的“哈希部分”，但不会检测到整个链接更改（例如，可能到另一个域）。例如，如果当前 url 是 www.google.com 而我移动到 www.yahoo.com，则不会触发此事件