如何刷新頁面中的內容並更新URL而不進行整頁重新加載？

Question

我認爲JavaScript不允許你更新瀏覽器的URL（用於書籤等）而不進行整頁刷新。不過，Facebook似乎在他們的照片應用中實現了這一點。當我點擊「下一步」查看下一張照片時，新照片加載和URL更新，但整個頁面不刷新。有誰知道他們是如何完成這個的？

Answer 1

他們不更新URL本身，他們只更新哈希（即＃後跟指令）。散列永遠不會發送到服務器，但可以用於訪問DOM中的錨點（內置瀏覽器功能），或用作JavaScript的鉤子。在頁面加載一個哈希變量集時，他們發送一個Ajax請求來獲取相應的照片。但是，初始頁面加載將在＃字符前加載由url指示的圖片。