如何在不重新加載頁面的情況下更改地址欄中的網址？

Question

Shopify如何做到這一點？去他們的網站，點擊功能鏈接，你會看到，在瀏覽器的地址欄中的URL說：

http://www.shopify.com/tour/sell-online

然後點擊任何鏈接子的，你會看到網址在地址欄中更改而不使用散列，並且沒有頁面翻轉。

我不認爲他們使用ajax來更改內容，因爲它似乎都包含在頁面上的隱藏div中，但無論如何，您都可以使用客戶端技巧顯然更改URL。你的幫助表示讚賞？

Answer 1

您使用新的HTML5歷史記錄API推送新狀態。

這是the MDN documentation和a good tutorial。

請注意，這樣做通常很痛苦（您必須正確管理應用程序的狀態）和it doesn't work with IE9。它幾乎總是與ajax結合：即使在整個頁面沒有被重新加載或更改的情況下，也可以讓動態加載的內容成爲書籤的解決方案。

Answer 2

調查pushState，但請注意它在所有瀏覽器中都不受支持。