陋室铭
永远也不要停下学习的脚步(大道至简至易)

posts - 2169,comments - 570,views - 413万

今天再次使用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)多个参数用";"分割,而不是用","。

我就是因为粗心,在这两个地方浪费了很多时间,大家不要重蹈覆辙,要信心,把参数记牢!

  
posted on   宏宇  阅读(3286)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2007-01-10 写了一个分页存储过程把总记录数也写到返回表的每行了
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示