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

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();

}

如果用户按下浏览器的后退或前进按钮，则 url 哈希会更改，但页面不会重新加载。有什么方法可以检测 history.change 并刷新页面吗？

Answer 1

最后我使用了 jQuery hashchange 事件。

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

链接到带有源的页面

Answer 2

使用现代 html5 pushState。