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 相关文章推荐
javascript中的array数组使用技巧
Jan 31 Javascript
把input初始值不写value的具体实现方法
Jul 04 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
Mar 31 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
javascript验证香港身份证的格式或真实性
Feb 07 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
react-router中的属性详解
Jun 01 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 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
星际中的相关伤害
2020/03/04 星际争霸
PHP合并discuz用户脚本的方法
2015/08/04 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
Javascript 面向对象(三)接口代码
2012/05/23 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
JS实现的简单标签点击切换功能示例
2017/09/21 Javascript
基于vue实现分页效果
2017/11/06 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
vue-router为激活的路由设置样式操作
2020/07/18 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
Python下的subprocess模块的入门指引
2015/04/16 Python
在Python的Django框架中使用通用视图的方法
2015/07/21 Python
教大家玩转Python字符串处理的七种技巧
2017/03/31 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
大一学生假期实习的自我评价
2013/10/12 职场文书
大学校园生活自我鉴定
2014/01/13 职场文书
成考报名单位证明范本
2014/01/16 职场文书
说明书格式及范文
2014/05/07 职场文书
还款承诺书范文
2014/05/20 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL