让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向后台传送相同属性的参数即数组参数
Feb 17 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
Nov 09 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
webpack4实现不同的导出类型
Apr 09 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 Javascript
Vue+Element-UI实现上传图片并压缩
Nov 26 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通过function_exists检测函数是否存在的方法
2015/03/18 PHP
PHP获取真实客户端的真实IP
2017/03/07 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
javascript学习网址备忘
2007/05/29 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
如何实现JavaScript动态加载CSS和JS文件
2020/12/28 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
JavaScript使用表单元素验证表单的示例代码
2019/08/20 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
python3 模拟登录v2ex实例讲解
2017/07/13 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
python如何实现内容写在图片上
2018/03/23 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
Python字符串对象实现原理详解
2019/07/01 Python
python爬取天气数据的实例详解
2020/11/20 Python
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
法律专业个人实习自我鉴定
2013/09/23 职场文书
如何写好升职自荐信
2014/01/06 职场文书
淘宝好评语大全
2014/05/05 职场文书
会计学习心得体会
2014/09/09 职场文书
离婚协议书范文2014
2014/10/16 职场文书
感谢信模板大全
2015/01/23 职场文书
2015年电工工作总结
2015/04/10 职场文书
python之json文件转xml文件案例讲解
2021/08/07 Python
Golang 字符串的常见操作
2022/04/19 Golang
MongoDB数据库之添删改查
2022/04/26 MongoDB
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers