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 相关文章推荐
对采用动态原型方式无法展示继承机制得思考
Dec 04 Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
Jun 18 Javascript
如何判断鼠标是否在DIV的区域内
Nov 13 Javascript
手机号码,密码正则验证
Sep 04 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
标准的js无缝滚动效果
Aug 30 Javascript
JS触摸事件、手势事件详解
May 04 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
详解Vue的组件中data选项为什么必须是函数
Aug 17 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
Oct 24 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_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
php生成动态验证码gif图片
2015/10/19 PHP
PHP序列化操作方法分析
2016/09/28 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
JS判断不能为空实例代码
2013/11/26 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
自动完成的搜索框javascript实现
2016/02/26 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
React简单介绍
2017/05/24 Javascript
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
js实现每日签到功能
2018/11/29 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
Python字符串转换成浮点数函数分享
2015/07/24 Python
python学习教程之使用py2exe打包
2017/09/24 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
python查询mysql,返回json的实例
2018/03/26 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
ipython和python区别详解
2019/06/26 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
主管会计岗位责任制
2014/02/10 职场文书
小学班长竞选演讲稿
2014/04/24 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
2015年酒店工作总结范文
2015/04/07 职场文书
防溺水主题班会教案
2015/08/12 职场文书
基于Python实现流星雨效果的绘制
2022/03/18 Python