让js弹出窗口居前显示的实现方法


Posted in Javascript onJuly 10, 2013

具体步骤:

方法一:弹出窗口<body>里加上代码:onblur="self.focus()":
<body onblur="self.focus()">

方法二:用showModalDialog方法建立模式对话框,它的参数说明如表1.5.2所示。
<script>
   function topwin(){
   window.showModalDialog(http://www.3water.com,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
</script>
<button onClick="topwin()">打开模式窗口</button>

方法三:用showModelessDialog方法建立无模式对话框,它的参数跟模式对话框完全一样,可以参考表1.5.2。
<script>
   function topwin(){
   window.showModelessDialog("https://3water.com","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
</script>
<button onClick="topwin()">打开无模式窗口</button>

注意:模式对话框会始终保持焦点。除非关闭对话框,否则无法切换窗口。 无模式对话框不会始终保持焦点,但始终保持显示在最前端。

特别说明
本例主要是模式对话框和无模式对话框的应用,必须注意两种对话框的异同。

表1.5.2 showModalDialog方法的参数列表
参数取值说明
sURL必选项。字符串(String)。指定要载入和显示的 URL。
vArguments可选项。字符串(String)。指定供显示文档时使用的变量。利用这个参数可以传递任何类型的值,包括包含多个值得的数组。对话框可以通过调用程序从 window 对象的 dialogArguments 属性提取这些值。
sFeatures可选项。字符串(String)。指定对话框的窗口装饰。使用下面的值。多个之间用分号隔开。
dialogHeight : sHeight设置对话框的高度
dialogLeft : sXPos设置对话框左上角相对于桌面的横坐标。
dialogTop : sYPos设置对话框左上角相对于桌面的纵坐标。
dialogWidth : sWidth设置对话框的宽度。
center : yes | no | 1 | 0 | on | off指定对话框是否显示于桌面正中。默认值为 yes 。
dialogHide : yes | no| 1 | 0 | on | off指定当打印或打印预览时对话框是否隐藏。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。
edge : sunken | raised指定对话框窗口边框样式为凹下还是凸起的。默认值为 raised 。
help : yes | no | 1 | 0 | on | off指定对话框是否显示上下文相关的帮助图标。默认值为 yes 。
resizable : yes | no | 1 | 0 | on | off指定对话框是否可以被用户改变尺寸。默认值为 no 。
scroll : yes | no | 1 | 0 | on | off指定对话框是否显示滚动条。默认值为 yes 。
status : yes | no | 1 | 0 | on | off指定对话框是否显示状态条。对于不被信任的对话框默认值为 yes 。对于被信任的对话框默认值为 no 。
unadorned : yes | no | 1 | 0 | on | off指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。

Javascript 相关文章推荐
js动态给table添加/删除tr的方法
Aug 02 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
轻松实现js弹框显示选项
Sep 13 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
使用 node.js 模仿 Apache 小部分功能
Jul 07 Javascript
探索node之事件循环的实现
Oct 30 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
Jul 10 #Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
Jul 10 #Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 #Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 #Javascript
javascript 手动给表增加数据的小例子
Jul 10 #Javascript
基于javascript 闭包基础分享
Jul 10 #Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 #Javascript
You might like
PHP常用特殊运算符号和函数总结(php新手入门必看)
2013/02/02 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
Yii中Model(模型)的创建及使用方法
2015/12/28 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
js右键菜单效果代码
2007/07/21 Javascript
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
浅谈JavaScript Array对象
2014/12/29 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
angularjs表格分页功能详解
2016/01/21 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
使用JQ完成表格隔行换色的简单实例
2017/08/25 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
Python性能优化技巧
2015/03/09 Python
Python实现的RSS阅读器实例
2015/07/25 Python
Python正则表达式使用经典实例
2016/06/21 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
python中property和setter装饰器用法
2019/12/19 Python
python实现门限回归方式
2020/02/29 Python
python基于opencv 实现图像时钟
2021/01/04 Python
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
浙大网新C/C++面试解惑
2015/05/27 面试题
2014年银行柜员工作总结
2014/11/12 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
天气温馨提示语
2015/07/14 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL