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全排列的六种算法 具体实现
Jun 29 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
jQuery实现的Div窗口震动特效
Jun 09 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
angular.bind使用心得
Oct 26 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 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
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
javascript 面向对象 function类
2010/05/13 Javascript
通过Jquery遍历Json的两种数据结构的实现代码
2011/01/19 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
学习Bootstrap滚动监听 附调用方法
2016/07/02 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
Vue瀑布流插件的使用示例
2018/09/19 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
python获取文件扩展名的方法
2015/07/06 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
Python重新加载模块的实现方法
2018/10/16 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
python实现银联支付和支付宝支付接入
2019/05/07 Python
python递归法解决棋盘分割问题
2019/07/17 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
中国领先的专业家电网购平台:国美在线
2016/12/25 全球购物
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
Opencv实现二维直方图的计算及绘制
2021/07/21 Python
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
JavaScript执行机制详细介绍
2021/12/06 Javascript