通过Javascript在各种浏览器窗口/标签中维护iFrame页面的状态

Question

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

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

请考虑以下步骤：

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

2. 打开第2页。 API被调用，它返回'x'。在基页'div1'中显示块并隐藏其余部分。

3. 在同一浏览器的另一个标签/窗口中打开基页。显示默认设置，但不应出现此设置。它应该显示div1，其中隐藏了休息。

希望我已经让我的问题清楚，让所有人都能理解。这必须仅在javascript / jQuery的帮助下完成。请帮助我。

非常感谢。

Answer 1

好吧，在谷歌勋爵经过一天的挣扎之后，我发现我实际上正在寻找HTML5中引入的'WebStorage'。太糟糕了，这对老浏览器不起作用，但至少我很好进一步。

非常感谢人们对此进行调查。 ： - ）

Answer 2

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