让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创建数据共享接口——简化框架之间相互传值
Oct 23 Javascript
JS 实现Table相同行的单元格自动合并示例代码
Aug 27 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
微信小程序实现吸顶效果
Jan 08 Javascript
node crawler如何添加promise支持
Feb 01 Javascript
用React Native制作一个简单的游戏引擎
May 27 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版)
2006/10/09 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
PHP框架Laravel的小技巧两则
2015/02/10 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
javascript基础知识之html5轮播图实例讲解(44)
2017/02/17 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
python改变日志(logging)存放位置的示例
2014/03/27 Python
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
Python读取Excel的方法实例分析
2015/07/11 Python
Python检测网站链接是否已存在
2016/04/07 Python
python3使用urllib模块制作网络爬虫
2016/04/08 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
opencv设置采集视频分辨率方式
2019/12/10 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
外企测试工程师面试题
2015/02/01 面试题
个人简历自我鉴定
2013/10/11 职场文书
应届毕业生求职信范文分享
2013/12/26 职场文书
家长给小学生的评语
2014/01/30 职场文书
《小山羊和小灰兔》教学反思
2014/02/19 职场文书
党小组推荐意见
2015/06/02 职场文书
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle
SpringBoot Http远程调用的方法
2022/08/14 Java/Android