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 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
javascript将url解析为json格式的两种方法
Aug 18 Javascript
在Angular中使用JWT认证方法示例
Sep 10 Javascript
微信小程序批量上传图片到七牛(推荐)
Dec 19 Javascript
一看就会的vuex实现登录验证(附案例)
Jan 09 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
Vue中使用better-scroll实现轮播图组件
Mar 07 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
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
JS无限树状列表实现代码
2011/01/11 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
2016/09/06 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
Python开发编码规范
2006/09/08 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python实现多线程抓取妹子图
2015/08/08 Python
python3+PyQt5实现使用剪贴板做复制与粘帖示例
2017/01/24 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
使用python 3实现发送邮件功能
2018/06/15 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
详解Python3.8+PyQt5+pyqt5-tools+Pycharm配置详细教程
2020/11/02 Python
MADE法国:提供原创设计师家具
2018/09/18 全球购物
超市营业员岗位职责
2013/12/20 职场文书
好学生评语大全
2014/05/05 职场文书
中专生自荐信
2014/06/25 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
模范教师材料大全
2014/12/16 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
军事博物馆观后感
2015/06/05 职场文书
早恋主题班会
2015/08/14 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
python 中的jieba分词库
2021/11/23 Python
springboot读取nacos配置文件
2022/05/20 Java/Android