让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 相关文章推荐
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
[原创]推荐10款最热门jQuery UI框架
Aug 19 Javascript
js给selected添加options的方法
May 06 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
浅谈JavaScript中小数和大整数的精度丢失
May 31 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
Jul 12 Javascript
js 创建对象 经典模式全面了解
Aug 16 Javascript
谈谈jQuery之Deferred源码剖析
Dec 19 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
React实现todolist功能
Dec 28 Javascript
vue-router路由懒加载及实现的3种方式
Feb 28 Vue.js
15个值得收藏的JavaScript函数
Sep 15 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 EOT定界符的使用详解
2008/09/30 PHP
2014年最新推荐的10款 PHP 开发框架
2014/08/01 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
Javascript创建自定义对象 创建Object实例添加属性和方法
2012/06/04 Javascript
js/jQuery简单实现选项卡功能
2014/01/02 Javascript
在父页面得到zTree已选中的节点的方法
2015/02/12 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
Python输出9*9乘法表的方法
2015/05/25 Python
Python中字符串的处理技巧分享
2016/09/17 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
python实现逻辑回归的方法示例
2017/05/02 Python
浅谈python迭代器
2017/11/08 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
Python利用Scrapy框架爬取豆瓣电影示例
2020/01/17 Python
Python netmiko模块的使用
2020/02/14 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
生产部经理岗位职责
2013/12/16 职场文书
英文自荐信
2013/12/19 职场文书
《独坐敬亭山》教学反思
2014/04/08 职场文书
学生检讨书怎么写
2014/10/09 职场文书
公司人事任命通知
2015/04/20 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle