WEB页子窗口(showModalDialog和showModelessDialog)使用说明


Posted in Javascript onOctober 25, 2009

使用环境:

showModalDialog

IE4以上版本

showModelessDialog

IE5以上
区别:

showModalDialog

被打开后就会始终保持输入焦点。无法操作主窗口,除非关闭对话框。

showModelessDialog

被打开后,用户可以随机切换输入焦点。只是主窗口被对话框挡住。
使用方法:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:

sURL

必选参数,类型:字符串。用来指定对话框要显示的文档的URL。

vArguments

可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。

sURLsFeatures

可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。

1.dialogHeight 对话框高度,不小于100px,IE4中dialogHeight和dialogWidth 默认的单位是em,而IE5中是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。

10. dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。

11. edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。

12. unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。
例子:
f.html

<html> 
<head> 
<title>主窗口</title> 
<script type="text/javascript"> 
<!-- 
var child; 
function openDialogBox() 
{ 
child = window.showModalDialog('c.html',document.all["txt"],"dialogWidth=500px;dialogHeight=200px;"); 
} 
//--> 
</script> 
</head> 
<body> 
<input name="txt" type="text" disabled="disabled" /> 
<input name="btn" type="button" value="打开对话框" onClick="openDialogBox();" /> 
</body> 
</html>

c.html
<html> 
<head> 
<title>对话框</title> 
<script type="text/javascript"> 
<!-- 
function set() 
{ 
window.dialogArguments.value=document.all["txt"].value 
} 
//--> 
</script> 
</head> 
<body> 
<input name="txt" type="text"/> 
<input name="btn" type="button" value="设置" onClick="set();" /> 
</body> 
</html>
Javascript 相关文章推荐
浅谈javascript的原型继承
Jul 25 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
javascript比较两个日期的先后示例代码
Dec 31 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
Mar 04 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 #Javascript
javascript window对象属性整理
Oct 24 #Javascript
Javascript 模式实例 观察者模式
Oct 24 #Javascript
Jquery 弹出层插件实现代码
Oct 24 #Javascript
js 操作符实例代码
Oct 24 #Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
Oct 24 #Javascript
JS window.opener返回父页面的应用
Oct 24 #Javascript
You might like
使用apache模块rewrite_module (转)
2007/02/14 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
基于pako.js实现gzip的压缩和解压功能示例
2017/06/13 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
2017/10/17 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
详解Angular模板引用变量及其作用域
2018/11/23 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
python随机生成指定长度密码的方法
2015/04/04 Python
Python 装饰器使用详解
2017/07/29 Python
Python上下文管理器和with块详解
2017/09/09 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
解决python打不开文件(文件不存在)的问题
2019/02/18 Python
python之pyqt5通过按钮改变Label的背景颜色方法
2019/06/13 Python
python多线程http压力测试脚本
2019/06/25 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
上课说话检讨书大全
2014/01/22 职场文书
会议活动邀请函
2014/01/27 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
出租车拒载检讨书
2015/01/28 职场文书
物业工程部岗位职责
2015/02/11 职场文书
小升初自荐信范文
2015/03/05 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL