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

Maintaining state of an iFrame page in various browser windows/tabs through Javascript

本文关键字：iFrame 维护 状态 选项 Javascript 浏览器 窗口 通过      更新时间：2023-09-26

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

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

考虑以下步骤:

  1. basepage开放。显示默认设置

  2. 所以page2开放。API被调用它返回'x'。

    3. 基本页显示"div1"块，其余部分隐藏。

  3. 在同一浏览器的另一个选项卡/窗口中打开基页。显示默认设置，而不应该发生这种情况。它应该显示div1并隐藏rest。

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

嗯，在Lord Google上挣扎了一天之后，我知道我实际上是在寻找HTML5中引入的'WebStorage'。可惜这对旧浏览器不起作用，但至少我可以更进一步。

感谢这么多的人调查这个。: -)

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

相关文章：