如何检查URL是否在JavaScript中发生了变化?例如，像GitHub这样使用AJAX的网站，会在#符号后附加页面信息，以创建唯一的URL，而无需重新加载页面。检测该URL是否发生变化的最佳方法是什么?
是否再次调用onload事件? 是否有URL的事件处理程序? 或者必须每秒钟检查URL以检测更改?
当前回答
window.addEventListener("beforeunload", function (e) {
// do something
}, false);
其他回答
window.addEventListener("beforeunload", function (e) {
// do something
}, false);
另一种简单的方法是通过添加一个单击事件，通过类名到页面上的锚标记来检测它何时被单击，然后您现在可以使用window.location.href来获取url数据，您可以使用这些数据来向服务器运行ajax请求。简单易行。
添加一个哈希更改事件侦听器!
window.addEventListener('hashchange', function(e){console.log('hash changed')});
或者，监听所有URL更改:
window.addEventListener('popstate', function(e){console.log('url changed')});
这比下面的代码要好，因为在window中只能存在一个东西。Onhashchange，你可能会覆盖其他人的代码。
// Bad code example
window.onhashchange = function() {
// Code that overwrites whatever was previously in window.onhashchange
}
要收听url更改，请参见以下内容:
window.onpopstate = function(event) {
console.log("location: " + document.location + ", state: " + JSON.stringify(event.state));
};
如果您打算在某些特定条件后停止/删除侦听器，请使用此样式。
window.addEventListener('popstate', function(e) {
console.log('url changed')
});
用jquery(和一个插件)就可以做到
$(window).bind('hashchange', function() {
/* things */
});
http://benalman.com/projects/jquery-hashchange-plugin/
否则，你必须使用setInterval并检查哈希事件的变化(window.location.hash)
更新!一个简单的草稿
function hashHandler(){
this.oldHash = window.location.hash;
this.Check;
var that = this;
var detect = function(){
if(that.oldHash!=window.location.hash){
alert("HASH CHANGED - new has" + window.location.hash);
that.oldHash = window.location.hash;
}
};
this.Check = setInterval(function(){ detect() }, 100);
}
var hashDetection = new hashHandler();
