经过一番研究后编辑:

不知怎么的，我似乎被Mozilla文档上的文档愚弄了。当代码中调用pushState()或replaceState()时，popstate事件(及其回调函数onpopstate)不会被触发。因此，原来的答案并不适用于所有情况。

然而，有一种方法可以绕过这个问题，根据@alpha123对函数进行猴子补丁:

var pushState = history.pushState;
history.pushState = function () {
    pushState.apply(history, arguments);
    fireEvents('pushState', arguments);  // Some event-handling function
};

原来的答案

假设这个问题的标题是“如何检测URL更改”，当你想知道完整路径更改(而不仅仅是哈希锚)时，答案是你可以监听popstate事件:

window.onpopstate = function(event) {
  console.log("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

在Mozilla Docs中引用popstate

目前(2017年1月)全球92%的浏览器支持popstate。

添加一个哈希更改事件侦听器!

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  
}

经过一番研究后编辑:

不知怎么的，我似乎被Mozilla文档上的文档愚弄了。当代码中调用pushState()或replaceState()时，popstate事件(及其回调函数onpopstate)不会被触发。因此，原来的答案并不适用于所有情况。

然而，有一种方法可以绕过这个问题，根据@alpha123对函数进行猴子补丁:

var pushState = history.pushState;
history.pushState = function () {
    pushState.apply(history, arguments);
    fireEvents('pushState', arguments);  // Some event-handling function
};

原来的答案

假设这个问题的标题是“如何检测URL更改”，当你想知道完整路径更改(而不仅仅是哈希锚)时，答案是你可以监听popstate事件:

window.onpopstate = function(event) {
  console.log("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

在Mozilla Docs中引用popstate

目前(2017年1月)全球92%的浏览器支持popstate。

window.onhashchange = function() { 
     //code  
}

window.onpopstate = function() { 
     //code  
}

or

window.addEventListener('hashchange', function() { 
  //code  
});

window.addEventListener('popstate', function() { 
  //code  
});

与jQuery

$(window).bind('hashchange', function() {
     //code
});

$(window).bind('popstate', function() {
     //code
});

享受吧!

var previousUrl = '';
var observer = new MutationObserver(function(mutations) {
  if (location.href !== previousUrl) {
      previousUrl = location.href;
      console.log(`URL changed to ${location.href}`);
    }
});

您在每次调用时都开始一个新的setInterval，而没有取消前一个——可能您只是想要一个setTimeout