更改瀏覽器URL和頁面內容，無需重新加載和不使用片段

我很清楚使用URL片段跟蹤AJAX驅動的網頁上的狀態的技術，但最近我注意到很多網站正在做某些事情相似但沒有碎片。更改瀏覽器URL和頁面內容，無需重新加載和不使用片段

例如，Facebook的最新版本中的圖片瀏覽器就是這樣操作的。左側和右側的導航按鈕是簡單的鏈接，沒有任何片段，單擊時會更改瀏覽器URL而不執行整頁加載。

另一個例子是GitHub的repository browser，每個文件/文件夾都是一個簡單的鏈接，它改變了頁面狀態和瀏覽器URL而不用重新加載或使用頁面片段。

任何人都可以解釋，或指出我對這是如何工作的解釋？我已經做了一些搜索，但是有很多關於使用片段的內容，我找不到任何東西。

2011-02-12 joshperry

的可能重複【如何做真棒refreshless頁面更改，如GitHub的（http://stackoverflow.com/questions/4664166/how-to-do-awesome-refreshless-page-changes-like-github） – 2011-04-27 23:20:38

我相信這是由於new History pushState HTML5 feature

來源

2011-02-12 17:59:54 jerluc

https://developer.mozilla.org/zh/DOM/Manipulating_the_browser_history#section_5 – jerluc 2011-02-12 18:04:14

他們使用新的HTML5 API歷史。我認爲這是你想要的。您在本頁面http://tinywall.info/demos/html5-history-api/menu1.php

要實現的教程中的菜單項就在這裏：http://t.co/M4RvnvoQ

來源

2012-02-22 13:03:18

更改瀏覽器URL和頁面內容，無需重新加載和不使用片段

回答

相關問題