让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 相关文章推荐
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 Javascript
js 判断checkbox是否选中的操作方法
Nov 09 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
jquery获取easyui日期控件的值实现方法
Nov 09 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
Mar 15 Javascript
layui select动态添加option的实例
Mar 07 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
小程序如何写动态标签的实现方法
Feb 05 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学习之PHP运算符
2006/10/09 PHP
Smarty模板快速入门
2007/01/04 PHP
[原创]PHP正则匹配中英文、数字及下划线的方法【用户名验证】
2017/08/01 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
PHP simplexml_load_string()函数实例讲解
2019/02/03 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
javascript 全角转换实现代码
2009/07/17 Javascript
JS实现清除指定cookies的方法
2014/09/20 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
Vue实现导航栏的显示开关控制
2019/11/01 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
AJAX XMLHttpRequest对象创建使用详解
2020/08/20 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
Python读取图片属性信息的实现方法
2016/09/11 Python
python jieba分词并统计词频后输出结果到Excel和txt文档方法
2018/02/11 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
Python 加密与解密小结
2018/12/06 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
python 通过邮件控制实现远程控制电脑操作
2020/03/16 Python
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
实习生自荐信范文
2013/11/13 职场文书
百日安全活动总结
2014/05/04 职场文书
医院见习报告范文
2014/11/03 职场文书
班主任工作实习计划
2015/01/16 职场文书
联谊会开场白
2015/06/01 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
vue3获取当前路由地址
2022/02/18 Vue.js
详解jQuery的核心函数和事件处理
2022/02/18 jQuery