首页 > 解决方案 > 在新选项卡上保留状态,但不刷新页面

问题描述

我试图让用户打开新选项卡(或新窗口)时保留的 JS 状态,但在显式页面刷新时不保留。这在 JS 中可能吗?

因此,我试图以某种方式反转 sessionStorage 可以根据 MDN 文档给出哪些状态; 在新选项卡或窗口中打开页面会使用顶级浏览上下文的值创建一个新会话,这与会话 cookie 的工作方式不同。

标签: javascripthtmllocal-storagesession-storage

解决方案


听起来您可以将状态保存在本地存储中。加载页面时,检查是否存在会话存储值 - 如果存在,请不要从本地存储中检索数据。否则,如果会话存储值不存在,则它是一个新页面,在这种情况下,您可以从本地存储中检索状态。

无论如何,每当加载页面时,设置一个会话存储值,以便以后可以通过上述逻辑读取它,以防页面被刷新。


推荐阅读