javascript模态窗体各种用法(转)
2008-04-14 16:11
375 查看
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';
}
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';
}
相关文章推荐
- javascript模态窗体各种用法
- javascript弹出模态窗体
- jquery 模态窗体 有各种属性 和 事件
- javascript模态窗体问题
- javascript弹出模态窗体
- html5各种页面切换效果和模态对话框用法总结
- JavaScript数组各种常见用法实例分析
- JavaScript各种用法
- 使用JavaScript弹出各种窗体
- JavaScript中判断窗体是否是模态
- javascript之string对象 以及字符串各种用法
- javascript模态窗体使用方法详解
- javascript模态,非模态窗体
- JavaScript中的逻辑运算符的各种用法
- javascript中window窗体对象open()和showModalDialog()用法
- javascript模态,非模态窗体
- JavaScript实现弹出模态窗体并接受传值的方法
- 使用JavaScript弹出各种窗体
- javascript 点击按钮打开模态窗体