使用history.back /轉發散列更改時重新加載頁面

Question

我使用＃標籤在同一頁上發送/接收值。每次我更改散列值時，我都會在按下按鈕並分配值後手動重新加載頁面。例如

<input type="button" value="go to step 2" onclick="reloadpage();" 

function reloadpage() { 

window.location.hash = "val1:xxx,val2:yyy,val3:zzz"; 
window.location.reload(); 

}

如果用戶按下瀏覽器後退或前進按鈕，鏈接哈希值發生變化，但沒有頁面重新加載。有什麼辦法可以檢測history.change和刷新頁面嗎？

Answer 1

使用現代日html5 pushState。

Answer 2

最後我使用了jQuery hashchange事件。

它通過跨瀏覽器HTML5 window.onhashchange事件啓用非常基本的書籤式#hash歷史記錄。

Link to the page with the source