今天再次使用showModalDialog(),发现了两个问题,一是子窗口如何刷新父窗口,二是窗口的参数问题。
1 子窗口刷新父窗口
如果是window.open();问题就好办,直接用window.opener.location.reload();就搞定了
但是如果是window.showModalDialog(),它里面是没有window.opener的,不能用opener引用父窗口,直接调用用报错。
总结了一下有两种方法可以解决,一是在子窗口中刷新父窗口,二是在子窗口关闭后,父窗口自己刷新。
(1)在子窗口中刷新父窗口
父窗口:因为子窗口不能直接引用父窗口,所以需要父窗口主动传递指针变量,就是window.showModalDialog的第二个参数,参数为“window”,意思就是把父窗口对象当做参数传递给子窗口,
示例:
var returnValue = window.showModalDialog(url,window,"dialogHeight=350px;dialogWidth=400px;center=yes;status=no;scroll=no;resizable=yes");
注意:window不要加引号。
子窗口:执行完操作后调用window.dialogArguments.location.reload();
注意:是window.dialogArguments,而不是window.dialogArgument,之前一直测试通过不了,就是这个属性写错了
window.dialogArguments 即为父窗口window对象的引用,获得父窗口的引用,就可以操作父窗口了,做什么都行,
但是调用window.dialogArguments.location.reload();父页面好像并没有刷新,原因未知??!!
(2)在父窗口中刷新自己
这个实现比较简单,在子窗口关闭后,父窗口自己刷新,例如:
var returnValue = window.showModalDialog(url,window,"dialogHeight=350px;dialogWidth=400px;center=yes;status=no;scroll=no;resizable=yes");
if(returnValue == "true"){
window.location.reload();
}
还有一种方法就是在子窗口中调用父窗口的一个方法,该方法自己刷新本页面(父窗口);
子窗口:window.dialogArguments.reloadPage();window.close;
父窗口: function reloadPage(){window.location.reload();}
2 showModalDialog参数问题:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);
第三个参数用来描述对话框的外观等信息,我调整了半天都不见效,后来发现原因出现在两个地方:
(1)长度,宽度,都是用 dialogHeight, dialogWidth表示,而不是heigh,width,和window.open()是不同的。
(2)多个参数用";"分割,而不是用","。
我就是因为粗心,在这两个地方浪费了很多时间,大家不要重蹈覆辙,要信心,把参数记牢!
参数传递:
1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.51js.com";
</script>
分享到:
相关推荐
### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...
通过`window.open()`函数打开的子窗口刷新父页面 - **语法**: `window.opener.location.reload();` - **应用场景**: 当用户在一个新窗口操作后需要返回主窗口时,可以通过这种方式刷新主窗口。 ##### 3. 刷新某一...
通过上述介绍,我们可以看出,根据具体的应用场景和需求,可以选择不同的方法来实现子窗口刷新父窗口的目标。每种方法都有其适用的场合和局限性,开发者应该根据实际需求选择最合适的方式。此外,随着浏览器技术的...
而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外,还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...
根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...
例如,子窗口可以使用`window.opener.location.reload()`来刷新父窗口的页面,或者使用`window.opener.location.href`来获取父窗口的URL。 #### 五、注意事项 1. **跨域限制**:当使用`window.open()`打开的窗口与...
在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...
当子窗口执行完成其任务并准备关闭时,可以调用以下代码来刷新父窗口: ```javascript // 使用window.opener属性引用父窗口 // 修改父窗口的location.href,可以用来跳转到新的URL或刷新页面 window.opener....
`window.showModalDialog()`方法创建一个模态对话框,即用户必须先关闭子窗口才能与父窗口交互。此方法接受三个参数:URL(子窗口的地址)、对话框的初始值和对话框属性字符串。 在父窗口的HTML代码中,我们有一个`...
在处理复杂交互时,可以通过弹出模态对话框并在操作完成后刷新页面来优化用户体验: ```javascript // 显示模态对话框并刷新页面 window.showModalDialog('../OA/SPCL.aspx', window, 'dialogHeight:300px;...
在使用 `window.open()` 或者 `showModalDialog()` 打开子窗口后,有时候需要在关闭子窗口后刷新父窗口。这里提供两种方法: 1. **使用 `window.open()` 打开的窗口**: ```javascript window.opener.location....
- 使用window.open()弹出的窗口刷新父窗口:window.opener.location.reload()。当新窗口中调用该方法时,它会刷新打开这个新窗口的原始页面。 - 使用window.showDialog弹出的模态窗口刷新页面:window....
- 父窗口: ```javascript function opendialog() { window.showModalDialog("child.html", window, "win", "resable=false"); } ``` - 子窗体: ```javascript var arg = window.dialogArguments; // ...