如何處理由JavaScript

Question

我知道，在現代瀏覽器，我可以靜靜地改變URL（不重新加載頁面）這樣的URL變化：

window.history.pushState(「object or string」, 「Title」, 「/new-url」); 

但我希望能夠檢測URL的變化。當用戶在地址欄中輸入新的URL時，如何處理事件並防止頁面重新加載？

P.S.我知道我可以使用onhashchange但我只是不想使用散列:)

Answer 1

如Event when window.location.href changes所述，這是不可能的，沒有投票。這是2010年。也許同時有HTML5瀏覽器的解決方案。

也許你已經知道，不使用hashchange有關於服務器端，爬行不足，404檢測，...

但使用哈希也有一些缺陷，特別是當它涉及到郵寄的深層鏈接（重定向不會傳輸哈希，通常由webmail客戶端使用，以獲得乾淨的查閱者）。

我建議使用經過測試的庫用於URL路由和歷史記錄API。我相信你在microjs.com,JSter或JSDB.IO找到一個。有許多在MSIE等禁用瀏覽器上進行優雅回退。

我最好的投注將是history.js和Crossroads.js（與哈希）。

如果你已經使用了像Backbone.js，AngularJS，Ember之類的MVC框架，你會得到你想要的免費。

畢竟我不確定這些庫中的任何一個能否在location.href更改時禁止重新加載（單頁）頁面。由於你失去了大部分狀態，我會使用#hashes。恕我直言，單頁面應用的用戶不應該更改瀏覽器位置，而是使用您的應用的導航選項。