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 相关文章推荐
子页向父页传值示例
Nov 27 Javascript
jQuery+jRange实现滑动选取数值范围特效
Mar 14 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
vue环形进度条组件实例应用
Oct 10 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 Javascript
JavaScript中跨域问题的深入理解
Mar 04 Javascript
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
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
PHP 上传文件的方法(类)
2009/07/30 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
2019/10/30 PHP
获取当前网页document.url location.href区别总结
2008/05/10 Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
python获取文件扩展名的方法
2015/07/06 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
python 读文件,然后转化为矩阵的实例
2018/04/23 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
Django框架多表查询实例分析
2018/07/04 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
python实现图像拼接功能
2020/03/23 Python
全球领先的鞋类零售商:The Walking Company
2016/07/21 全球购物
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
Java程序员面试90题
2013/10/19 面试题
公司行政专员岗位职责
2014/08/24 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
Python Numpy之linspace用法说明
2021/04/17 Python