使用history.back / forward进行哈希更改时重新加载页面

Question

我使用hashtag在同一页面上发送/接收值。每次更改哈希值时，我都会在按下按钮并指定值后手动重新加载页面。例如

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

function reloadpage() {

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

}

如果用户按下浏览器后退或前进按钮，则url哈希值会更改，但页面不会重新加载。有没有办法检测history.change和刷新页面？

Answer 1

最后我使用了jQuery hashchange事件。

它通过跨浏览器HTML5 window.onhashchange事件启用非常基本的可收藏的#hash历史记录。

Link to the page with the source

Answer 2

使用现代的html5 pushState。