您的位置：首页 > Web前端 > JavaScript

javascript模态窗体使用方法详解

2013-12-18 14:04 190 查看

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 对象集），即可以获得或者设置主窗口的值。

9 子页面关闭同时刷新父页面

调用方法

父页面：openModelWin('ChooseStyle.aspx');

子页面：closeWin()

脚本：

function openModelWin(url)

{

var obj = showModalDialog(url,'title',"dialogWidth:600px;");

if(obj =='reload')

{

window.location.reload();

}

}

function closeWin()

{

window.opener = null;

window.close();

window.returnValue='reload';

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航