让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加解密 脚本解密
Feb 22 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
基于JavaScript实现微信抢红包功能
Jul 20 Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
H5+css3+js搭建带验证码的登录页面
Oct 11 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
基于Zookeeper的使用详解
2013/05/02 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
2017/11/17 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
2018/05/16 jQuery
微信小程序按钮去除边框线分享页面功能
2018/08/27 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
js实现随机抽奖
2020/03/19 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
python类继承与子类实例初始化用法分析
2015/04/17 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
python字符串反转的四种方法详解
2019/12/02 Python
大数据分析用java还是Python
2020/07/06 Python
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
Etam德国:内衣精品店
2019/08/25 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
写自荐信有哪些不宜?
2013/10/17 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
作文评语集锦
2014/12/25 职场文书
农民工工资保障承诺书
2015/05/04 职场文书