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实现unicode和字符的互相转换
Jul 18 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
webpack配置导致字体图标无法显示的解决方法
Mar 06 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
webpack打包html里面img后src为“[object Module]”问题
Dec 22 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
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危险函数(disable_functions)
2012/02/23 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
基于php+MySql实现学生信息管理系统实例
2020/08/04 PHP
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
在Python中使用异步Socket编程性能测试
2014/06/25 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
python使用PIL给图片添加文字生成海报示例
2018/08/17 Python
python实现事件驱动
2018/11/21 Python
python 通过类中一个方法获取另一个方法变量的实例
2019/01/22 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
Pytorch转tflite方式
2020/05/25 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
放飞中国梦演讲稿
2014/04/23 职场文书
法人授权委托书范本
2014/09/17 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
收款委托书
2014/10/14 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
庭外和解协议书
2016/03/23 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书
详解Python 3.10 中的新功能和变化
2021/04/28 Python
python数字类型和占位符详情
2022/03/13 Python