让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 巧妙去除数组中的重复项
Jan 25 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
jQuery实现模拟flash头像裁切上传功能示例
Dec 11 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
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 smarty的预保留变量总结
2008/12/04 PHP
PHP 高级课程笔记 面向对象
2009/06/21 PHP
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
php删除数组元素示例分享
2014/02/17 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
smarty模板数学运算示例
2016/12/11 PHP
php输出形式实例整理
2020/05/05 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
2019/09/24 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
jQuery操作动画完整实例分析
2020/01/10 jQuery
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
[05:48]DOTA2英雄梦之声vol21 屠夫
2014/06/20 DOTA
python 遍历字符串(含汉字)实例详解
2017/04/04 Python
Django实现组合搜索的方法示例
2018/01/23 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
Python 异常的捕获、异常的传递与主动抛出异常操作示例
2019/09/23 Python
wxpython绘制音频效果
2019/11/18 Python
澳大利亚窗帘商店:Curtain Wonderland
2019/12/01 全球购物
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
服装设计专业毕业生推荐信
2013/11/09 职场文书
教师求职自荐信范文
2015/03/04 职场文书
行政经理岗位职责
2015/04/15 职场文书
论文致谢词范文
2015/05/14 职场文书
大学迎新生的欢迎词
2019/06/25 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python
Python实现抖音热搜定时爬取功能
2022/03/16 Python