window.showModalDialog使用手册


Posted in Javascript onJanuary 11, 2007

作者:norika 整理日期:2004年6月17日

基本介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明:
sURL--
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用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。
下面几个属性是用在HTA中的,在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。

参数传递:
1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.51js.com";
</script>

Javascript 相关文章推荐
JavaScript Chart 插件整理
Jun 18 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
JavaScript mapreduce工作原理简析
Nov 25 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
alert中断settimeout计时功能
Jul 26 Javascript
利用进制转换压缩数字函数分享
Jan 02 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 Javascript
Vue 自适应高度表格的实现方法
May 13 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
js 执行上下文和作用域的相关总结
Feb 08 Javascript
新手入门常用代码集锦
Jan 11 #Javascript
javascript引用对象的方法
Jan 11 #Javascript
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Jan 11 #Javascript
javascript基础的动画教程,直观易懂
Jan 10 #Javascript
JS宝典学习笔记(下)
Jan 10 #Javascript
js宝典学习笔记(上)
Jan 10 #Javascript
javascript编程起步(第七课)
Jan 10 #Javascript
You might like
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
php fsockopen解决办法 php实现多线程
2014/01/20 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
javascript学习笔记(十四) window对象使用介绍
2012/06/20 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
Node.js中的process.nextTick使用实例
2015/06/25 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2016/11/25 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
详解redux异步操作实践
2018/08/15 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
利用python3随机生成中文字符的实现方法
2017/11/24 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
python实现简单flappy bird
2018/12/24 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
Selenium 滚动页面至元素可见的方法
2020/03/18 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
英国手机壳购买网站:Case Hut
2019/04/11 全球购物
采购部长岗位职责
2014/06/13 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
党支部对转正的意见
2015/06/02 职场文书
Vue和Flask通信的实现
2021/05/19 Vue.js