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 相关文章推荐
myEvent.js javascript跨浏览器事件框架
Oct 24 Javascript
仿新浪微博返回顶部的jquery实现代码
Oct 01 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
javascript中返回顶部按钮的实现
May 05 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
Sep 06 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
使用Vue CLI创建typescript项目的方法
Aug 09 Javascript
Vuex的实战使用详解
Oct 31 Javascript
Node.js创建一个Express服务的方法详解
Jan 06 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 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
smtp邮件发送一例
2006/10/09 PHP
php 常用类整理
2009/12/23 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
PHP中“=&gt;
2019/03/01 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
JavaScript生成.xls文件的代码
2016/12/22 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
2017/09/04 Javascript
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
详解python Todo清单实战
2018/11/01 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
详解Python文件修改的两种方式
2019/08/22 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
C语言开发工程师测试题
2016/12/20 面试题
几个Shell Script面试题
2012/08/31 面试题
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
J2EE是技术还是平台还是框架
2016/08/14 面试题
医学院校毕业生自荐信范文
2014/01/01 职场文书
三个儿子教学反思
2014/02/03 职场文书
预备党员党支部意见
2015/06/02 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript