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 相关文章推荐
在Javascript中定义对象类别
Dec 22 Javascript
event对象的方法 兼容多浏览器
Jun 27 Javascript
js 取时间差去掉周六周日实现代码
Dec 25 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
js字符串截取函数slice、substring和substr的比较
May 17 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 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
php 正则匹配函数体
2009/08/25 PHP
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
2011/04/18 PHP
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
2015/03/27 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
PHP children()函数讲解
2019/02/03 PHP
JS 常用校验函数
2009/03/26 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
一文了解Vue中的nextTick
2019/05/06 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
解析Python中while true的使用
2015/10/13 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
pycharm修改界面主题颜色的方法
2019/01/17 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
大学生专科毕业生自我评价
2013/11/17 职场文书
大学生简历的个人自我评价
2013/12/04 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
英文求职信范文
2014/05/23 职场文书
高中教师个人工作总结
2015/02/10 职场文书
Django 实现jwt认证的示例
2021/04/30 Python