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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
brook javascript框架介绍
Oct 10 Javascript
jquery中map函数与each函数的区别实例介绍
Jun 23 Javascript
js实现模拟银行卡账号输入显示效果
Nov 18 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
Svg.js实例教程及使用手册详解(一)
May 16 Javascript
js实现百度登录框鼠标拖拽效果
Mar 07 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
JavaScript如何实现元素全排列实例代码
May 14 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
六酷社区论坛HOME页清新格调免费版 下载
2007/03/07 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
php获取表单中多个同名input元素的值
2014/03/20 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHPUnit + Laravel单元测试常用技能
2019/11/06 PHP
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
JavaScript中的this关键字使用方法总结
2015/03/13 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
JavaScript函数柯里化详解
2016/04/29 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
2017/10/09 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
python求pi的方法
2014/10/08 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
毕业生优秀推荐信
2013/11/26 职场文书
工伤事故赔偿协议书
2014/04/15 职场文书
大学生通用个人自我评价
2014/04/27 职场文书
节约用水的口号
2014/06/20 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
团委工作总结2015
2015/04/02 职场文书
校园广播站开场白
2015/06/01 职场文书
军事博物馆观后感
2015/06/05 职场文书
大学生团支书竞选稿
2015/11/21 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python