Javascript:持久化窗口对象引用?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript:持久化窗口对象引用?相关的知识,希望对你有一定的参考价值。

我的javascript代码打开了一些窗口:

var win = window.open();

我将风参考存储在一个包含所有其他打开窗口的数组中。 一切正常,直到揭幕战焕然一新。

所以我想要实现的是在加载“主”窗口时取回所有对打开的窗口的引用。

要实现这一点,我必须: 1.在卸载时保留所有引用2.在加载时返回引用3.使用新的opener更新引用

可能吗?如果是这样的话?

答案

这听起来很复杂(读:有问题)。

你问的问题一直是一个问题,因为回过头来回到最初的HTTP协议。

简短的回答是否定的,这是不可能的。刷新父级时,对子级的所有引用都将丢失。在所有情况下,这是非常现实的....父母是“刷新”....孩子得到父母留下的所有资源...对不起,关闭主题,好吧,是的。 Web是无状态的,因此一旦刷新页面,重新加载,关闭,打开或附加任何其他动词,该页面将被视为新文档。


这在chrome / FireFox中运行良好,但在IE中不起作用。

像下面这样的东西可以工作,但为了重新连接孩子/父母之间的关系,必须从孩子那里完成。下面的脚本/标记将举例说明。所以我不会用它,但它只是作为一个例子。

脚步:

  • 打开孩子
  • 去看孩子吧
  • 刷新父母
  • **父母 - >儿童关系丢失。
  • **孩子 - >父母关系仍然存在。
  • 链接父母
  • 转到父页面
  • 检查关系
  • **您将看到父级现在不为空
  • 保持父母
  • 刷新孩子

htmlPage.htm:

<input type="button" onclick="openChild();" value="Open Child" />
<input type="button" onclick="refreshParent();" value="Refresh Parent" />
<input type="button" onclick="linkParent();" value="Link Parent" />
<input type="button" onclick="checkRelationship();" value="Check Relationship" />
<input type="button" onclick="refreshChild();" value="Refresh Child" />


<script type="text/javascript" language="javascript">

    var child;    
    function openChild() {
        child = window.open("HTMLPage.htm");
    }

    function refreshParent() {
        alert("refreshing parent");
        window.opener.location.href = window.opener.location.href;
    }

    function linkParent() {
        window.opener.child = window;
        checkRelationship();
    }

    function checkRelationship() {
        alert("Parent: " + window.opener + ".   Children:" + child);
    }

    function refreshChild() {
        child.location.href = child.location.href;
    }


</script>

那么我的下一个问题是:

你想用这个来实现什么?当情况真的需要时,我全都是使用模态窗口/弹出窗口,但是你需要它们的数组吗?

父页面“需要”刷新吗?你可以在父页面上粘贴iframe并刷新(IE。文件上传等主页不需要刷新的地方)。

我远不是一个苹果粉丝男孩,但这个链接确实提供了使用IFrames编写脚本的很好的见解:http://developer.apple.com/internet/webcontent/iframe.html

我希望这有帮助。

另一答案

我是如何解决这个问题的。

子窗口“opener”属性保持对打开它的WINDOW的引用,因此当刷新主窗口时窗口不会改变,因此开启者引用仍然是相同的。开启者为空的唯一情况是窗口关闭时*

在主窗口的卸载事件中,我在子窗口上调用一个设置超时的javaScript函数。当超时结束时,我测试开启参考并尝试注册回来,因为参考仍然是正确的。

这样我就有了所有的孩子参考! ;)

当然,如果在主窗口中加载的文档不是我的文档,但是,例如,www.google.com注册回子引用失败。

此解决方案已在Firefox,IE和Chrome下进行测试。

*在Chrome中键入新地址时会启动一个新窗口,因此开启者也会为空。

另一答案

要么避免重新激活主窗口(使用AJAX或iframe),要么将“主窗口”放入框架集中,这样实际上只重新加载“主框架” - 然后你可以将变量粘贴到父框架中

以上是关于Javascript:持久化窗口对象引用?的主要内容,如果未能解决你的问题,请参考以下文章

如何在从父窗口创建的 iframe 的 onload 处理程序中获取对 iframe 窗口对象的引用

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

学习笔记:javascript 窗口对象(window)

保留对附加节点 javascript 的引用

JavaScript跳出iframe框架