我的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),要么将“主窗口”放入框架集中,这样实际上只重新加载“主框架” - 然后你可以将变量粘贴到父框架中