当前位置：文江博客话题详情

当用户单击“返回”时访问上一页的历史记录状态

发布于 2024-12-15 12:50:09 字数 46 浏览 0 评论 0原文

当用户单击“后退”按钮时，有没有一种方法可以使用 JS 访问上一页的历史状态？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

画离情绘悲伤 2024-12-22 12:50:10

不能随意读取前面的状态。

但是，如果用户向后导航并且存在使用 PushState 或 ReplaceState 设置的状态，那么您可以在 popstate 事件像这样：


addEventListener("popstate", (event) => {

var state = window.history.state;
// or
state = event.state

});

浏览器执行的相关操作顺序，根据文档，如下：

文档的 URL 设置为新条目的 URL。
[...]
如果 new-entry 保存了序列化状态信息，则
信息被反序列化到History.state；否则，状态为空。
如果 state 的值发生更改，则 popstate 事件将发送到文档。

You can not read the previous states arbitrarily.

However if the user navigates back and there is a state that was set using pushState or replaceState then you can access it inside the popstate event like so:


addEventListener("popstate", (event) => {

var state = window.history.state;
// or
state = event.state

});

The relevant order of actions the browser takes, according to the documentation, is as follows:

The document's URL is set to that of the new-entry.
[...]
If new-entry has serialized state information saved with it, that
information is deserialized into History.state; otherwise, state is null.
If the value of state changed, the popstate event is sent to the document.

回复收藏 0 原文