`

showModalDialog()子窗口刷新父窗口

    博客分类:
  • JSP
 
阅读更多
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.dialogArgument.location.reload();

网上说只调用这一句就可以了,但我试了不行,具体原因没查到,自己猜测要这么用,父窗口必须是iframe. 如果父窗口不是iframe,想要实现这个功能,还可以在body中加入"onUnload=window.dialogArgument.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.dialogArgument.reloadPage();window.close;

父窗口: function reloadPage(){window.location.reload();}

但是我试验后不行,能调用到这个方法,但是就是不刷新,原因不详。

2 showModalDialog参数问题:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);

第三个参数用来描述对话框的外观等信息,我调整了半天都不见效,后来发现原因出现在两个地方:

(1)长度,宽度,都是用 dialogHeight, dialogWidth表示,而不是heigh,width,和window.open()是不同的。

(2)多个参数用";"分割,而不是用","。
分享到:
评论

相关推荐

    子窗口刷新父窗口总结

    ### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...

    刷新父窗口的多种方法

    通过上述介绍,我们可以看出,根据具体的应用场景和需求,可以选择不同的方法来实现子窗口刷新父窗口的目标。每种方法都有其适用的场合和局限性,开发者应该根据实际需求选择最合适的方式。此外,随着浏览器技术的...

    js(javascript)子窗口和父窗口交互

    而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` 实现交互 除了 `window.open()` 之外,还可以使用 `window.showModalDialog()` 来创建模态对话框。这种方法可以让父窗口保持在...

    open 关闭子页面刷新父页面

    根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...

    javascript刷新父页面

    在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...

    javascript刷新父页面的各种方法汇总

    3. **子窗口刷新父窗口**: 如果当前页面是子窗口,想要刷新父窗口,可以使用`self.opener.location.reload()`。`self`指的是当前窗口,`opener`则指向创建它的父窗口。 ```javascript self.opener.location....

    js关闭子窗体刷新父窗体实现方法

    当子窗口执行完成其任务并准备关闭时,可以调用以下代码来刷新父窗口: ```javascript // 使用window.opener属性引用父窗口 // 修改父窗口的location.href,可以用来跳转到新的URL或刷新页面 window.opener....

    javascript刷新父页面方法汇总详解

    3. 子窗口刷新父窗口 当前窗口如果是一个子窗口,可以通过`self.opener`来引用其父窗口,并进行刷新: ```html self.opener.location.reload(); ``` 这个方法同样适用于子窗口想要刷新打开它的父窗口的情况...

    JS弹出窗口的各种传值方法.pdf

    `setFather()`函数用于设置父窗口的值,而`returnValue()`和`relodeValue()`函数则分别用于返回一个值并关闭子窗口,以及关闭子窗口并要求刷新父窗口。 总结来说,这个示例展示了JavaScript中使用`window....

    JS刷新父窗口的几种方式小结(推荐)

    在子窗口中使用`self.opener`也可以达到刷新父窗口的效果。 ```javascript self.opener.location.reload(); ``` 4. **`window.opener.location.href = window.opener.location.href`** 这种方法不直接使用...

    js自动刷新代码

    // 刷新父页面 opener.location.href = opener.location.href; ``` ##### 2. 弹出模态对话框并刷新 在处理复杂交互时,可以通过弹出模态对话框并在操作完成后刷新页面来优化用户体验: ```javascript // 显示模态...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    通过`window.open()`函数打开的子窗口刷新父页面 - **语法**: `window.opener.location.reload();` - **应用场景**: 当用户在一个新窗口操作后需要返回主窗口时,可以通过这种方式刷新主窗口。 ##### 3. 刷新某一...

    javaScript聊天窗口

    在使用 `window.open()` 或者 `showModalDialog()` 打开子窗口后,有时候需要在关闭子窗口后刷新父窗口。这里提供两种方法: 1. **使用 `window.open()` 打开的窗口**: ```javascript window.opener.location....

    javascript弹出对话框总结

    例如,子窗口可以使用`window.opener.location.reload()`来刷新父窗口的页面,或者使用`window.opener.location.href`来获取父窗口的URL。 #### 五、注意事项 1. **跨域限制**:当使用`window.open()`打开的窗口与...

    JavaScript弹出窗口方法汇总

    - 使用window.open()弹出的窗口刷新父窗口:window.opener.location.reload()。当新窗口中调用该方法时,它会刷新打开这个新窗口的原始页面。 - 使用window.showDialog弹出的模态窗口刷新页面:window....

    JavaScript—window对象使用示例

    通过window对象,可以实现诸如打开新窗口、控制窗口特性、操作URL历史、与父窗口或子窗口交互等任务。 首先,我们来看window对象的常用方法。一个典型的方法是window.open(),它用于打开一个新的浏览器窗口,并可...

    107个常用javascript语句

    45.打开子窗口的父窗口为:opener 46.表示当前所属的位置:this 47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:...

Global site tag (gtag.js) - Google Analytics