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 文档的编码问题解决
Mar 01 Javascript
JavaScript是否可实现多线程  深入理解JavaScript定时机制
Dec 22 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
js实现无缝滚动特效
Dec 20 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
vue界面发送表情的实现代码
Sep 11 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
利用static实现表格的颜色隔行显示的代码
2007/09/02 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
javascript parseInt与Number函数的区别
2010/01/21 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
Angular.JS中的this指向详解
2017/05/17 Javascript
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
微信小程序使用modal组件弹出对话框功能示例
2017/11/29 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
vue项目引入字体.ttf的方法
2018/09/28 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
js中实例与对象的区别讲解
2019/01/21 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
轻松理解Python 中的 descriptor
2017/09/15 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
Python合并同一个文件夹下所有PDF文件的方法
2019/03/11 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
CSS3实现点击放大的动画实例代码
2017/02/27 HTML / CSS
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
汇智创新科技发展有限公司
2015/12/06 面试题
外贸业务员岗位职责
2013/11/24 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
会议通知格式范文
2015/04/15 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL