使用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