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 入门·JavaScript 具有全范围的运算符
Oct 01 Javascript
IE6弹出“已终止操作”的解决办法
Nov 27 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 Javascript
Angular2之二级路由详解
Aug 31 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
vue-loader中引入模板预处理器的实现
Sep 04 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
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
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
php不用正则采集速度探究总结
2008/03/24 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
Laravel 5.4因特殊字段太长导致migrations报错的解决
2017/10/22 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
javascript 动态设置已知select的option的value值的代码
2009/12/16 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
轻松实现python搭建微信公众平台
2016/02/16 Python
TensorFlow如何实现反向传播
2018/02/06 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
django如何通过类视图使用装饰器
2019/07/24 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
python实现根据文件格式分类
2019/10/31 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
应用服务器有那些
2012/01/19 面试题
介绍一下linux的文件权限
2014/07/20 面试题
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
音乐教学随笔感言
2014/02/19 职场文书
2014年青年教师工作总结
2014/12/17 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书