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技术技巧大全(五)
Jan 22 Javascript
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
cloudgamer出品ImageZoom 图片放大效果
Apr 01 Javascript
jQuery 表单验证扩展(三)
Oct 20 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
Aug 16 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
详解jQuery uploadify文件上传插件的使用方法
Dec 16 Javascript
Vue响应式原理深入解析及注意事项
Dec 11 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
js实现碰撞检测
Jan 29 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/03/10 PHP
php实现三级级联下拉框
2016/04/17 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
CheckBoxList多选样式jquery、C#获取选择项
2013/09/06 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
vue2.0s中eventBus实现兄弟组件通信的示例代码
2017/10/25 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
react-navigation之动态修改title的内容
2018/09/26 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
2020/03/06 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
大学生工作自荐书
2014/06/16 职场文书
市场营销专业求职信
2014/06/17 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
关于运动会广播稿50字
2014/10/18 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS