javascript - 单击浏览器的后退按钮时，页面不会通过应用新 URL 自动加载

Question

一些背景资料：

例如，我使用 url1 加载页面，然后我window.history.pushState()将 URL 修改为 URL2

然后我单击“返回”按钮，我注意到地址行将 URL 更改为 URL1，但页面没有加载以反映内容。

这里的诀窍是什么？谢谢！

Answer 1

您需要popstate像这样监听窗口的事件：

addEventListener('popstate', function() {

    // code to be executed when back button is clicked

}, false);