让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获取IE9下拉框默认值问题探讨
Jul 22 Javascript
使用javascript做的一个随机点名程序
Feb 13 Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 Javascript
Jquery使用val方法读写value值
May 18 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
JS扩展类,克隆对象与混合类实例分析
Nov 26 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
vue-cli axios请求方式及跨域处理问题
Mar 28 Javascript
小程序文字跑马灯效果
Dec 28 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
js实现自定义滚动条的示例
Oct 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/12/13 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
window.dialogArguments 使用说明
2011/04/11 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
Django的数据模型访问多对多键值的方法
2015/07/21 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
百思买美国官网:Best Buy
2016/07/28 全球购物
英国定做窗帘和纺织品面料一站式商店:Dekoria
2018/08/29 全球购物
大客户销售经理职责
2013/12/04 职场文书
大学生思想汇报范文
2013/12/31 职场文书
宿舍违规检讨书
2014/01/12 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
邮政竞聘演讲稿
2014/09/03 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
干部作风整顿个人剖析材料
2014/10/06 职场文书
安全责任书
2015/01/29 职场文书
2015年学校体育工作总结
2015/04/22 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python