WEB页子窗口(showModalDialog和showModelessDialog)使用说明


Posted in Javascript onOctober 25, 2009

使用环境:

showModalDialog

IE4以上版本

showModelessDialog

IE5以上
区别:

showModalDialog

被打开后就会始终保持输入焦点。无法操作主窗口,除非关闭对话框。

showModelessDialog

被打开后,用户可以随机切换输入焦点。只是主窗口被对话框挡住。
使用方法:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:

sURL

必选参数,类型:字符串。用来指定对话框要显示的文档的URL。

vArguments

可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。

sURLsFeatures

可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。

1.dialogHeight 对话框高度,不小于100px,IE4中dialogHeight和dialogWidth 默认的单位是em,而IE5中是px

2. dialogWidth: 对话框宽度。

3. dialogLeft: 离屏幕左的距离。

4. dialogTop: 离屏幕上的距离。

5. center: { yes | no | 1 | 0 } : 是否居中,默认yes,但仍可以指定高度和宽度。

6. help: {yes | no | 1 | 0 }: 是否显示帮助按钮,默认yes。

7. resizable: {yes | no | 1 | 0 } [IE5+]: 是否可被改变大小。默认no。

8. status:{yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

9. scroll:{ yes | no | 1 | 0 | on | off }:是否显示滚动条。默认为yes。

10. dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。

11. edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。

12. unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。
例子:
f.html

<html> 
<head> 
<title>主窗口</title> 
<script type="text/javascript"> 
<!-- 
var child; 
function openDialogBox() 
{ 
child = window.showModalDialog('c.html',document.all["txt"],"dialogWidth=500px;dialogHeight=200px;"); 
} 
//--> 
</script> 
</head> 
<body> 
<input name="txt" type="text" disabled="disabled" /> 
<input name="btn" type="button" value="打开对话框" onClick="openDialogBox();" /> 
</body> 
</html>

c.html
<html> 
<head> 
<title>对话框</title> 
<script type="text/javascript"> 
<!-- 
function set() 
{ 
window.dialogArguments.value=document.all["txt"].value 
} 
//--> 
</script> 
</head> 
<body> 
<input name="txt" type="text"/> 
<input name="btn" type="button" value="设置" onClick="set();" /> 
</body> 
</html>
Javascript 相关文章推荐
JavaScript调用客户端的可执行文件(示例代码)
Nov 28 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
js动态切换图片的方法
Jan 20 Javascript
基于JavaScript实现动态添加删除表格的行
Feb 01 Javascript
js实现异步循环实现代码
Feb 16 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
Json按某个键的值进行排序
Dec 22 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
layui上传图片到服务器的非项目目录下的方法
Sep 26 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 #Javascript
javascript window对象属性整理
Oct 24 #Javascript
Javascript 模式实例 观察者模式
Oct 24 #Javascript
Jquery 弹出层插件实现代码
Oct 24 #Javascript
js 操作符实例代码
Oct 24 #Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
Oct 24 #Javascript
JS window.opener返回父页面的应用
Oct 24 #Javascript
You might like
php桌面中心(四) 数据显示
2007/03/11 PHP
全世界最小的php网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
重新认识php array_merge函数
2014/08/31 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
PHP模块memcached使用指南
2014/12/08 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
网页中的图片的处理方法与代码
2009/11/26 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
jQuery中children()方法用法实例
2015/01/07 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
JS不完全国际化&amp;本地化手册 之 理论篇
2016/09/27 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
微信小程序之MaterialDesign--input组件详解
2017/02/15 Javascript
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
python3+PyQt5图形项的自定义和交互 python3实现page Designer应用程序
2020/07/20 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
广州喜创信息技术有限公司JAVA软件工程师笔试题
2012/10/17 面试题
Java程序员综合测试题
2014/04/25 面试题
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
幼儿园中班上学期评语
2014/04/18 职场文书
爱护公物标语
2014/06/24 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
挂靠协议书
2015/01/27 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
文明礼仪主题班会
2015/08/13 职场文书
2016年教师节感言
2015/12/09 职场文书
施工安全协议书
2016/03/22 职场文书
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS