window.showModalDialog使用手册

2016-02-19 10:59 5 1 收藏

下面是个window.showModalDialog使用手册教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

作者: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

来源:http://www.tulaoshi.com/n/20160219/1596281.html

延伸阅读
标签: Web开发
jQuery 使用手册,大家可以耐心的看完,就基本上入门了。 六 :事件处理 hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标move out时触发第二个function 样式:style.red{color:#FF0000}/style Html代码: div id="a"sdf/div jQuery代码及效果 $(function (){ $("#a").hover(function(){$(this...
标签: Web开发
jQuery 使用手册,大家可以耐心的看完,就基本上入门了。 二:DOM操作 属性 我们以img id="a" scr="5.jpg"/为例,在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象,在用o.src来取得或修改该节点的scr属性,在jQuery 里$("#a")将得到jQuery对象[ img id="a" sc...
标签: Web开发
翻译整理:Young.J 官方网站:http://jquery.com     jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!    下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip)  ...
标签: 电脑入门
还在为视频不能转换格式而烦恼吗?先如今,已出现各种视频转换工具为网民们解决了这一问题。那么视频转换工具下载后该如何使用呢?今日,图老师小编便以MKV转换精灵为例,详细为大家介绍下MKV转换精灵使用方法。 MKV转换精灵 拥有强大的视频转换功能,支持几乎所有的视频格式,如  RM、RMVB、VOB、DAT、VCD、MPG、SVCD、ASF、MOV、QT、...
标签: 电脑入门
试用环境: 软件信息: 立即下载 注册购买 作者网站 软件界面: 程序主界面 《Flash转换王》是国内首个可以将Flash的SWF动画高清晰、高效率、最快速度地转换为VCD/SVCD/DVD/AVI/MPEG4等标准视频格式的优秀转换工具。软件转换参数丰富,界面设计简单、高效,非常方便我们的转换操作。 一、输出视频,格式丰富 运行程序后,单...

经验教程

192

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部