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 相关文章推荐
永不消失的title提示代码
Feb 15 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
jQuery检测返回值的数据类型
Jul 13 Javascript
Vue.js每天必学之过渡与动画
Sep 06 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
May 03 Javascript
图文详解vue框架安装步骤
Feb 12 Javascript
JavaScript箭头函数中的this详解
Jun 19 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
Vue项目移动端滚动穿透问题的实现
May 19 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 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动态生成JavaScript代码
2009/03/09 PHP
php 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
php7性能提升的原因详解
2019/10/13 PHP
jQuery 阴影插件代码分享
2012/01/09 Javascript
javascript时间函数基础介绍
2013/03/28 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
jQuery表单对象属性过滤选择器实例详解
2016/09/13 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
Python的Tornado框架异步编程入门实例
2015/04/24 Python
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
python3大文件解压和基本操作
2017/12/15 Python
Django框架 信号调度原理解析
2019/09/04 Python
python opencv如何实现图片绘制
2020/01/19 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
html5使用canvas实现跟随光标跳动的火焰效果
2014/01/07 HTML / CSS
小学三八妇女节活动方案
2014/03/16 职场文书
九九重阳节标语
2014/10/07 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
为什么阅读对所有年龄段的孩子都很重要?
2019/07/08 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js