javascript - Popstate - 将弹出状态传递给事件处理程序

Question

以下代码应引起“1”警报，但实际上什么都不做。

window.onpopstate = function(event) { alert(event.state.a) }
history.pushState({a: 1})
history.back()

fiddle :http://jsfiddle.net/WNurW/2/

有什么想法吗？

Answer 1

您的代码不会导致 popstate，因为 pushstate 命令会告诉您现在所在的页面。

window.onpopstate = function(event) { alert(event.state.a) }
history.pushState({a: 1});
history.pushState({a: 2});
history.back()

上面的代码可以工作。
这是 fiddle :http://jsfiddle.net/WNurW/8/

如上图所示:
(1) 在这里你进入了页面，或者说 fiddle ，然后你想要pushState，这将向历史链添加一个新的链接。

(2) 当您推送状态时，您将在历史记录中再添加一次后退点击，但它也会将“历史记录”中的当前位置向上移动到您的新状态。所以回去，不会给你你认为你得到的历史状态，它会给出前一个。

(3) 您必须转到"new"页面，或推送另一个历史状态，才能返回到您在步骤 (2) 中创建的状态。