javascript的对话框详解与参数


Posted in Javascript onMarch 08, 2007

对话框可以分为模式对话框和无模式对话框两种,两者区别是在对话框被关闭之前用户能否在同一应用程序的其他地方进行工作。举例说明:打开文件对话框便是典型的模式对话框,在你选择好要打开的文件按下确定后,或者取消打开文件操作后,才可以在同一应用程序进行其他操作。而常见的查找和替换对话框便是无模式对话框的典型,在该对话框打开的同时,我们还可以进行其他工作。模式对话框会始终保持焦点。除非关闭对话框,否则无法切换窗口。 无模式对话框不会始终保持焦点,但始终保持显示在最前端。

弹出网页窗口全攻略(html/hta)
1.弹启一个全屏窗口 
<html>
<body onload="window.open( http://www.3lian.com, example01 , fullscreen );">;
<b>www.3lian.com</b>
</body>
</html>

2.弹启一个被F11化后的窗口

<html>
<body onload="window.open( http://www.3lian.com, example02 , channelmode );">;
<b>www.3lian.com</b>
</body>
</html>

3.弹启一个带有收藏链接工具栏的窗口

<html>
<body onload="window.open( http://www.3lian.com, example03 , width=400,height=300,directories );">
<b>www.3lian.com</b>
</body>
</html>

4.网页对话框

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog( http://www.3lian.com, example04 , dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes )
//-->
</SCRIPT>
<b>www.3lian.com</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog( http://www.pconline.com.cn , example05 , dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes )
//-->
</SCRIPT>
<b>http://www.3lian.com</b>
</body>
</html>

showModalDialog()或是showModelessDialog() 来调用网页对话框,至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(简称模式窗口),置在父窗口上,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showModelessDialog()(简称无模式窗口),打开后不必关闭也可访问父窗口打开的窗口。 

dialogHeight: iHeight 设置对话框窗口的高度。 
dialogWidth: iWidth 设置对话框窗口的宽度。 


dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。 
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。 
center: {yes | no | 1 | 0 } 指定是否将对话框在桌面上居中,默认值是“yes”。
help: {yes | no | 1 | 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。 


resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大小可变。默认值是“no”。 
status: {yes | no | 1 | 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”。

Javascript 相关文章推荐
js格式化时间和js格式化时间戳示例
Feb 10 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
JavaScript判断undefined类型的正确方法
Jun 30 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
Aug 26 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
mongoose中利用populate处理嵌套的方法
May 26 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
es6函数name属性功能与用法实例分析
Apr 18 Javascript
打开超链需要“确认”对话框的方法
Mar 08 #Javascript
javascript学习随笔(使用window和frame)的技巧
Mar 08 #Javascript
关于使用runtimeStyle属性问题讨论文章
Mar 08 #Javascript
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 #Javascript
在IE模态窗口中自由查看HTML源码的方法
Mar 08 #Javascript
encode脚本和normal脚本混用的问题与解决方法
Mar 08 #Javascript
IE7提供XMLHttpRequest对象为兼容
Mar 08 #Javascript
You might like
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
PHP生成随机密码类分享
2014/06/25 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
JavaScript 继承详解(一)
2009/07/13 Javascript
Script的加载方法小结
2011/01/12 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
微信小程序开发之转发分享功能
2019/10/22 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
Python实现拼接多张图片的方法
2014/12/01 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
Python编程中类与类的关系详解
2019/08/08 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
python程序文件扩展名知识点详解
2020/02/27 Python
Python多分支if语句的使用
2020/09/03 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
养殖项目策划书范文
2014/01/13 职场文书
驾驶员培训方案
2014/05/01 职场文书
敬老模范事迹
2014/05/21 职场文书
2015年教师节贺卡寄语
2015/03/24 职场文书
解析Java中的static关键字
2021/06/14 Java/Android
详解如何使用Nginx解决跨域问题
2022/05/06 Servers
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript