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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
学习JavaScript设计模式(单例模式)
Nov 26 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
Dec 23 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
基于vue配置axios的方法步骤
Nov 09 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
springboot+vue实现文件上传下载
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 max_execution_time执行时间问题
2011/07/17 PHP
PHP APC缓存配置、使用详解
2014/03/06 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
javascript字符串拼接的效率问题
2010/12/25 Javascript
用Juery网页选项卡实现代码
2011/06/13 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
前端微信支付js代码
2016/07/25 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
小程序转发探索示例
2019/02/19 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
python实现126邮箱发送邮件
2020/05/20 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
德国家具折扣店:POCO
2020/02/28 全球购物
应急管理培训方案
2014/06/12 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
个人债务授权委托书
2014/10/17 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
2014个人年度工作总结范文
2014/12/24 职场文书
布达拉宫的导游词
2015/02/02 职场文书
疾病证明书
2015/06/19 职场文书
Go各时间字符串使用解析
2021/04/02 Golang
html5中sharedWorker实现多页面通信的示例代码
2021/05/07 Javascript
vue中 this.$set的使用详解
2021/11/17 Vue.js
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers
Go gorilla/sessions库安装使用
2022/08/14 Golang
源码安装apache脚本部署过程详解
2022/09/23 Servers