精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

模式窗口showModalDialog是我们在网站开发过程中经常会用到的,使用showModalDialog不可避免的要涉及到子窗口、父窗口中间的赋值问题。今天青岛星网给大家总结下:模式窗口showModalDialog的用法。

1、打开窗口:

var handle = window.showModalDialog(url, objects, feathers);
其中:objects可以为参数(包括数组),也可以是对象。
通常的用法 objects = {window} ,把父窗体的对象共享给子窗体。

2、关闭子窗口:
window.close();

3、从子窗体传参数给父窗体:
window.returnVal = string;

4、清除缓存,防止模式窗口页面不更新的情况:

HTML

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Mon, 23 Jan 1978 20:52:30 GMT">

ASP

Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"

PHP

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");

JSP

response.setHeader("Pragma","No-Cache");
response.setHeader("Cache-Control","No-Cache");
response.setDateHeader("Expires", 0);

5、防止打开新窗口(如提交表单):
<base target="_self">

6、在模式窗口使用F5刷新页面:
<base target="_self">
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>
其中:filename为窗口页面。

7、防止模式窗口打开的页面出现cookie丢失的情况:
模式窗口打开新窗口时,仅可以使用 showModalDialog(url,window,feathers); 方法,且 objects 为 window 。

8、在弹出窗口中获得或设置主窗口的任何值:
打开弹出窗口时用:showModalDialog(url, window, feathers)
在弹出窗口中使用 window.dialogArguments 对象(即主窗口传递过来的 window 对象集),即可以获得或者设置主窗口的值。

在ModalDialog中操作父窗口对象

1、不能使用window.parent

Window.parent是用来在frame中进行操作的,在对话框中不能用来操作父窗口对象

2、正确的做法

调用modaldialog时通过传参数的方式操作

关于模式窗口ModalDialog的赋值问题,扩展阅读:js子页面向父页面赋值的方法  js之iframe从子页面给父页面的控件赋值方法

Tags:showModalDialog 窗口