javascript - 通过 Javascript 在各种浏览器窗口/选项卡中维护 iFrame 页面的状态

Question

我有一个页面（比如'basepage'），其中有一个 iFrame。在这个 iFrame 中，有各种 div 在运行时根据某些标准显示和隐藏。这个标准只不过是通过另一个页面（比如“page2”）对一些其他外部 API 的 AJAX 调用。如果 API 返回（比如“x”）值，则显示 div1（隐藏其余部分），如果返回（比如“y”）值，则显示 div2（隐藏部分），依此类推。

问题是，如果我只打开 1 个基本页面的浏览器窗口，一切正常，但打开多个基本页面的窗口/选项卡并不能反映所有页面的值。

考虑以下步骤：

1. 打开主页。显示默认设置。

2. 打开第 2 页。API 被调用并返回“x”。在 basepage 'div1' 块显示和其余被隐藏。

3. 在同一浏览器的另一个选项卡/窗口中打开基本页面。默认设置会显示，而这不应该发生。它应该显示 div1 并隐藏其余部分。

希望我已经把我的问题说清楚了，让你们所有人都能理解。这只能在 javascript/jQuery 的帮助下完成。请帮帮我。

非常感谢。

Answer 1

好吧，在谷歌勋爵上挣扎了一天之后，我才知道我实际上要寻找的是HTML5 中引入的' WebStorage '。太糟糕了，这对旧浏览器不起作用，但至少我很高兴能走得更远。

非常感谢人们对此进行调查。:-)

Answer 2

在我的项目中，我使用 window.name 属性来识别浏览器选项卡。猜猜这是一个很好的起点。