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读取cookie函数代码
Oct 16 Javascript
JavaScript执行效率与性能提升方案
Dec 21 Javascript
jquery 使用简明教程
Mar 05 Javascript
angularJS提交表单(form)
Feb 09 Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
Sep 28 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 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
虫族 Zerg 历史背景
2020/03/14 星际争霸
zf框架db类的分页示例分享
2014/03/14 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
js快速排序的实现代码
2013/12/08 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
2014/08/20 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
js实现兼容IE、Firefox的图片缩放代码
2015/12/08 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
bootstrap table实现合并单元格效果
2018/12/24 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
[04:52]第二届DOTA2亚洲邀请赛主赛事第一天比赛集锦:OG娜迦海妖放大配合谜团大中3人
2017/04/02 DOTA
使用python实现生成用户信息
2017/03/20 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
Python实现注册登录系统
2017/08/08 Python
Python 多核并行计算的示例代码
2017/11/07 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
django云端留言板实例详解
2019/07/22 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
瑞士设计师家具和家居饰品网上商店:Bruno Wickart
2019/03/18 全球购物
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
学生感冒英文请假条
2014/02/04 职场文书
商业活动邀请函
2014/02/04 职场文书
大学生素质拓展活动方案
2014/02/11 职场文书
委托公证书范本
2014/04/03 职场文书
2014年个人思想工作总结
2014/11/27 职场文书