js showModalDialog参数的使用详解


Posted in Javascript onJanuary 07, 2014

基本介绍:

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
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="https://3water.com";
</script>
Javascript 相关文章推荐
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
基于jQuery的为attr添加id title等效果的实现代码
Apr 20 Javascript
Javascript玩转继承(一)
May 08 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
浅析webapp框架AngularUI的demo
Dec 21 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
Jun 17 Javascript
jquery mobile界面数据刷新的实现方法
May 28 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 Javascript
微信小程序使用form表单获取输入框数据的实例代码
May 17 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 #Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 #Javascript
JS获取DropDownList的value值与text值的示例代码
Jan 07 #Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 #Javascript
asp.net刷新本页面的六种方法总结
Jan 07 #Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 #Javascript
js如何获取兄弟、父类等节点
Jan 06 #Javascript
You might like
日本十大惊悚动漫
2020/03/04 日漫
一个域名查询的程序
2006/10/09 PHP
第四节--构造函数和析构函数
2006/11/16 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
php 魔术方法详解
2014/11/11 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
PHP实现生成带背景的图形验证码功能
2016/10/03 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
js设置控件的隐藏与显示的两种方法
2014/08/21 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
Vue实现购物车功能
2017/04/27 Javascript
详解react如何在组件中获取路由参数
2017/06/15 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
详解JS模块导入导出
2017/12/20 Javascript
three.js实现圆柱体
2018/12/30 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
使用 Python 快速实现 HTTP 和 FTP 服务器的方法
2019/07/22 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
电气自动化专业职业规划范文
2014/02/16 职场文书
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
爱心捐助倡议书
2014/05/19 职场文书
求职信格式要求
2014/05/23 职场文书
校园绿化美化方案
2014/06/08 职场文书
离婚被告答辩状
2015/05/22 职场文书
男方家长婚礼答谢词
2015/09/29 职场文书
队名及霸气口号大全
2015/12/25 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
js 实现Material UI点击涟漪效果示例
2022/09/23 Javascript