本文章介绍了关于javascript中子窗口刷新父窗口及父窗口与子窗口的交互各种方法，有需要的朋友可参考一下。
浮层内嵌iframe及frame集合窗口，刷新父页面的多种方法
Js代码
| 代码如下 |
|
|
<script language=JavaScript>
parent.location.reload();
</script>
|
弹出子页面
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 中父窗口与子窗口的交互
我们需要在父窗口和子窗口中进行交互，比如在子窗口中上传完文件，将上传的结果返回到父窗口中。本文介绍的就是一个简单的交互实例。如果你的头脑够灵活
| 代码如下 |
|
|
<script type="text/javascript">
<!--
function openWindow()
{
newWindow = window.open('','newWindow','height=300,width=300,scrollbars=auto');
if (newWindow != null)
{
var windowHTML= "<html><head><title>preview</title></head>";
windowHTML += "<body><h1 align='center'>";
windowHTML += "这是子窗口!</h1><hr><div align='center'><form action='#' method='get'>";
windowHTML += "<input type='button' value='将父窗口的背景设为红色' onclick='window.opener.document.body.style.backgroundColor="red";' /><br>";
windowHTML += "<br ><input type='button' value='关闭' onclick='self.close();' />";
windowHTML += "</form></div></body></html>";
newWindow.document.write(windowHTML);
newWindow.focus();
}
}
//-->
</script>
<input value='打开子窗口' onclick="openWindow();" type="button">
<input type="button" value="将子窗口的背景设为蓝色" onclick="if (window.newWindow){newWindow.document.bgColor='blue';newWindow.focus();}" />
|
