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 相关文章推荐
jQuery中大家不太了解的几个方法
Mar 04 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
Jan 12 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
js实现定时进度条完成后切换图片
Jan 04 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 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
PHP调用.NET的WebService 简单实例
2015/03/27 PHP
php输出含有“#”字符串的方法
2017/01/18 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
javascript new fun的执行过程
2010/08/05 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
JSP基于Bootstrap分页显示实例解析
2016/06/12 Javascript
1秒50万字!js实现关键词匹配
2016/08/01 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
2017/10/26 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
微信跳一跳游戏python脚本
2020/04/01 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
python定时关机小脚本
2018/06/20 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
django实现支付宝支付实例讲解
2019/10/17 Python
使用python绘制温度变化雷达图
2019/10/18 Python
Python调用shell命令常用方法(4种)
2020/05/11 Python
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
在人间读书笔记
2015/06/30 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书