让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 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
两种js监听滚轮事件的实现方法
May 13 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
vue加载完成后的回调函数方法
Sep 07 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 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 获取select下拉列表框的值
2010/05/08 PHP
PHP 时间日期操作实战
2011/08/26 PHP
PHP文件操作实现代码分享
2011/09/01 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
jQuery 在光标定位的地方插入文字的插件
2012/05/10 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
node.js 发布订阅模式的实例
2017/09/10 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
Python编程之字符串模板(Template)用法实例分析
2017/07/22 Python
基于python实现蓝牙通信代码实例
2019/11/19 Python
python map比for循环快在哪
2020/09/21 Python
python爬虫请求头的使用
2020/12/01 Python
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
共筑中国梦演讲稿
2014/04/23 职场文书
励志演讲稿范文
2014/04/29 职场文书
社区科普工作方案
2014/06/03 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
2015年团支书工作总结
2015/04/03 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers
MYSQL如何查看进程和kill进程
2022/03/13 MySQL