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 相关文章推荐
简单的js分页脚本
May 21 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
Javascript农历与公历相互转换的简单实例
Oct 09 Javascript
Angualrjs和bootstrap相结合实现数据表格table
Mar 30 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 Javascript
vue ref如何获取子组件属性值
Mar 31 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中输出转义JavaScript代码的实现代码
2011/04/22 PHP
php中动态修改ini配置
2014/10/14 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
十大使用PHP框架的理由
2015/09/26 PHP
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
深入剖析JavaScript:Object类型
2016/05/10 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
一次记住JavaScript的6个正则表达式方法
2018/02/22 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
Python中将dataframe转换为字典的实例
2018/04/13 Python
Python 查找字符在字符串中的位置实例
2018/05/02 Python
python自动化报告的输出用例详解
2018/05/30 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
python+OpenCV实现图像拼接
2020/03/05 Python
Python任务调度利器之APScheduler详解
2020/04/02 Python
python将数据插入数据库的代码分享
2020/08/16 Python
python中watchdog文件监控与检测上传功能
2020/10/30 Python
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
诚信考试承诺书
2014/03/27 职场文书
美术课外活动总结
2014/07/08 职场文书
2014年检验员工作总结
2014/11/19 职场文书
史上最牛的辞职信
2015/02/28 职场文书
体检通知范文
2015/04/21 职场文书
太行山上观后感
2015/06/05 职场文书
python_tkinter事件类型详情
2022/03/20 Python
Java完整实现记事本代码
2022/06/16 Java/Android
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript