今天再次使用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>
分享到:
相关推荐
因系统需求,要在关闭子模态对话框后刷新父模态对话框,做的一个小测试。
VS2010创建模态对话框非模态对话框的方法,给子窗口传值,非模态对话框给父窗口传值,非模态获取父窗口的指针,打开非模态对话框不重复
MFC中有两种类型的对话框:模态对话框和非模态对话框。 模态对话框是指当其显示时,程序会暂停执行,直到关闭这个模态对话框后,才能继续执行程序中其他任务。非模态对话框是指当其显示时,允许转而执行程序中其他...
VC中模态对话框和非模态对话框的编程
点击运行弹出一个对话框,点击DIALOG1按钮弹出一个模态对话框,在该对话框的编辑框输入文本点击确定该对话框消失且输入的文本被显示到主对话框MainDialog中,点击DAILOG2按钮弹出一个非模态对话框,操作现象和模态...
利用模态对话框实现父窗体、子窗体间传值。 服务器showModalDialog 打开子窗体,子窗体使用客户端脚本和服务器端方法向父窗体传值
在Windows环境中,对话框是一种常用的输入输出手段。对话框有两种类型,非...本例将从主框架窗口创建一个简单的非模态对话框,在该对话框关闭之前,用户可以在主框架窗口中的其他地方工作,比如选择“打开”文件等。
模态对话框与非模态对话框程序示例 Java源程序
非模态的对话框是独立的,就是说和主程序可以同时交换数据,而模态的对话框则只能和自己交换。换句话说,模态对话框很霸道,你开了它就无法在同一个应用程序中的其他地方干活了,比如那个经常用的openfile dialog。...
非模态对话框相对于模态对话框,他的创建和销毁过程和模态对话框有一定的区别,非模态对话框需要重载函数OnCanel,并且在这个函数中调用DestroyWindow。并且不能调用基类的OnCancel,因为基类的OnCancel调用了...
MFC创建模态对话框和非模态对话框实例小程序,学习如何在程序开发中使用模态对话框和非模态对话框
不同与Popup,这是自定义样式的模态对话框,是模态的!整个对话框作为一个独立的组件使用.........
MFC中经常会用到弹出模态或非模态对话框,模态对话框与非模态对话框容易混淆
万能模态对话框 万能模态对话框 万能模态对话框 万能模态对话框 uDialog unity 模态对话框,通用
基于vs2005,在ObjectARX中使用MFC:模态,非模态对话框
VS2010/MFC模态对话框和非模态对话框的创建和使用
在Windows环境中,对话框是一种常用的输入输出手段。对话框有两种类型,非...本代码将从主框架窗口创建一个简单的非模态对话框,在该对话框关闭之前,用户可以在主框架窗口中的其他地方工作,比如选择“打开”文件等。
摘要:消息驱动机制是Windows操作系统的根本,模态对话框消息处理又是不同于一般消息处理的特殊形式。通过分析这种消息机制的原理,可用来处理类似的程序设计要求。 在Windows操作系统中,面向用户的GUI基本上可...
Selenium目前没有提供对IE模态对话框(即通过showModalDialog方法打开的弹出对话框)的处理。原因在于,模态对话框会将父页面的 JS挂起,直至对话框处理完毕才会继续执行父页面JS。因为Selenium的底层实现是基于JS的,...
VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效...