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语句可以不以;结尾的烦恼
Mar 08 Javascript
javascritp实现input输入框相关限制用法
Jun 29 Javascript
js限制文本框只能输入数字方法小结
Jun 16 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
layui form.render('select', 'test2') 更新渲染的方法
Sep 27 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 Javascript
jQuery实现二级导航菜单的示例
Sep 30 jQuery
前端实现滑动按钮AJAX与后端交互的示例代码
Feb 24 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 discuz 主题表和回帖表的设计
2009/03/13 PHP
php5 图片验证码实现代码
2009/12/11 PHP
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
JavaScript 高效运行代码分析
2010/03/18 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
JavaScript工具库之Lodash详解
2019/06/15 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
Python实现将Excel转换为json的方法示例
2017/08/05 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
python 循环数据赋值实例
2019/12/02 Python
python通过对字典的排序,对json字段进行排序的实例
2020/02/27 Python
详解Python中namedtuple的使用
2020/04/27 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
CSS3实现可翻转的hover效果
2018/05/23 HTML / CSS
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
秋游活动策划方案
2014/02/16 职场文书
旅游市场营销方案
2014/03/09 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
会计工作能力自我评价
2015/03/05 职场文书
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android