js子窗口刷新父窗口及父窗口与子窗口的交互

浮层内嵌iframe及frame集合窗口，刷新父页面的多种方法

Js代码

代码如下

复制代码

弹出子页面

Js代码

代码如下	复制代码
<script language=JavaScript> window.opener.location.reload(); </script>

子窗口刷新父窗口

Js代码

代码如下	复制代码
<script language=JavaScript> self.opener.location.reload(); </script>

实例

需要在新打开的窗口里面编辑信息,等编辑完了,需要将当前窗口关闭并且刷新父窗口,以使修改生效,本文就是介绍用 javascript 来实现"更新记录后关闭子窗口并刷新父窗口".

刷新父窗口并关闭当前窗口

父窗口代码:

代码如下	复制代码
<a href="javascript:void(0)" onclick="window.open('child.html','child','width=400,height=300,left=200,top=200');">打开子窗口</a>

子窗口代码:

代码如下	复制代码
<script language="JavaScript" type="text/javascript"> <!-- function refreshParent() { window.opener.location.href = window.opener.location.href; if (window.opener.progressWindow) { window.opener.progressWindow.close(); } window.close(); } //--> </script> <a href="javascript:void(0)" onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>

刷新以open()方法打开的窗口

Js代码

代码如下	复制代码
<script language=JavaScript> window.opener.location.href=window.opener.location.href; </script>

刷新以winodw.showModelDialog()方法打开的窗口

Java代码

代码如下	复制代码
<script language="javascript"> window.parent.dialogArguments.document.execCommand('Refresh'); </script>

总结了上面的一些方法我们来做个实例

Javascript 中父窗口与子窗口的交互

我们需要在父窗口和子窗口中进行交互，比如在子窗口中上传完文件，将上传的结果返回到父窗口中。本文介绍的就是一个简单的交互实例。如果你的头脑够灵活

代码如下

复制代码

补充：网页制作,js教程