Javascript：保留窗口对象引用？

Question

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

var win = window.open();

我将 win 引用与所有其他打开的窗口一起存储在一个数组中。
一切正常，直到开启器刷新为止。

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

为了实现这一点，我必须：
1.在卸载时保留所有引用 2. 获取加载时的引用 3.用新的开启器更新参考文献

可以吗？如果是这样怎么办？

Answer 1

这听起来很复杂（读作：有问题）。

您所问的问题从很久以前就一直是一个问题，并且可以追溯到原始的 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 并刷新它（即，文件上传等，其中主页“不需要”刷新）。

我远非苹果迷，但此链接确实提供了有关使用 IFrame 与脚本编写的良好见解： http://developer.apple.com/internet/webcontent/iframe.html

我希望这有帮助。

Answer 2

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

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

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

这样我就可以拿回所有的子参考资料！！ ;)

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

该方案已在Firefox、IE、Chrome下测试。

*在 Chrome 中，当您输入新地址时，它会启动一个新窗口，因此 opener 也将为 null。

Answer 3

要么避免刷新主窗口（使用 AJAX 或 iframe），要么将“主窗口”放入框架集中，这样实际上只有“主框架”被重新加载 - 然后您可以将变量粘贴到父框架中