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 相关文章推荐
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 Javascript
JQuery选择器、过滤器大整理
May 26 Javascript
jQuery实现的仿select功能代码
Aug 19 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
js改变透明度实现轮播图的算法
Aug 24 Javascript
js倒计时显示实例
Dec 11 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
JavaScript数据结构学习之数组、栈与队列
May 02 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
JS实现简易计算器
Feb 14 Javascript
vue中 this.$set的使用详解
Nov 17 Vue.js
新手入门常用代码集锦
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
php算法实例分享
2015/07/14 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
jQuery 1.3 和 Validation 验证插件1.5.1
2009/07/09 Javascript
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
jquery入门必备的基本认识及实例(整理)
2013/06/24 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
捕获和分析JavaScript Error的方法
2014/03/25 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
2017/05/04 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
js验证账户名是否重复
2020/05/26 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
python中关于日期时间处理的问答集锦
2013/03/08 Python
Python字符串格式化
2015/06/15 Python
Python性能提升之延迟初始化
2016/12/04 Python
python的pip安装以及使用教程
2018/09/18 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
python 绘制国旗的示例
2020/09/27 Python
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
大学专科生推荐信范文
2013/11/23 职场文书
暑期社会实践感言
2014/02/25 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
科长个人四风问题整改措施思想汇报
2014/10/13 职场文书
2015关爱留守儿童工作总结
2014/12/12 职场文书
三好学生竞选稿
2015/11/21 职场文书
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server