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 组件之旅(一)分析和设计
Oct 28 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
Json序列化和反序列化方法解析
Dec 19 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
Vue移动端实现图片上传及超过1M压缩上传
Dec 23 Javascript
React实现轮播效果
Aug 25 Javascript
javascript实现点击产生随机图形
Jan 25 Javascript
Ajax异步刷新功能及简单案例
Nov 20 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简单实现断点续传下载的方法
2015/09/25 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
浅析Angular19 自定义表单控件
2018/01/31 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
Python实现自动添加脚本头信息的示例代码
2016/09/02 Python
Python类的动态修改的实例方法
2017/03/24 Python
Python中的heapq模块源码详析
2019/01/08 Python
Python imread、newaxis用法详解
2019/11/04 Python
Pytorch 搭建分类回归神经网络并用GPU进行加速的例子
2020/01/09 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
聊聊python中的异常嵌套
2020/09/01 Python
python 制作简单的音乐播放器
2020/11/25 Python
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
德国购买门票网站:ADticket.de
2019/10/31 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
英语专业毕业生自荐信范文
2013/12/31 职场文书
如何写好建议书
2014/03/13 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
不同意离婚上诉状
2015/05/23 职场文书
小学运动会入场口号
2015/12/24 职场文书
如何使用php生成zip压缩包
2021/04/21 PHP
基于Python编写简易版的天天跑酷游戏的示例代码
2022/03/23 Python
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers