javascript

位置:IT落伍者 >> javascript >> 浏览文章

让js弹出窗口居前显示的实现方法


发布日期:2021年02月05日
 
让js弹出窗口居前显示的实现方法
一般来说显示在最前面的窗口都是因为窗口被激活获得焦点要使窗口永远显示在最前面可以人为的设置窗口在blur时立刻focus或者用模式无模式对话框实现

具体步骤

方法一弹出窗口<body>里加上代码onblur="selffocus()"
<body onblur="selffocus()">

方法二用showModalDialog方法建立模式对话框它的参数说明如表所示
<script>
function topwin(){
windowshowModalDialog"""dialogWidth:px;dialogHeight:px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打开模式窗口</button>

方法三用showModelessDialog方法建立无模式对话框它的参数跟模式对话框完全一样可以参考表
<script>
function topwin(){
windowshowModelessDialog(""""dialogWidth:px;dialogHeight:px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打开无模式窗口</button>

注意模式对话框会始终保持焦点除非关闭对话框否则无法切换窗口 无模式对话框不会始终保持焦点但始终保持显示在最前端

特别说明
本例主要是模式对话框和无模式对话框的应用必须注意两种对话框的异同

showModalDialog方法的参数列表
参数取值说明
sURL必选项字符串(String)指定要载入和显示的 URL
vArguments可选项字符串(String)指定供显示文档时使用的变量利用这个参数可以传递任何类型的值包括包含多个值得的数组对话框可以通过调用程序从 window 对象的 dialogArguments 属性提取这些值
sFeatures可选项字符串(String)指定对话框的窗口装饰使用下面的值多个之间用分号隔开
dialogHeight : sHeight设置对话框的高度
dialogLeft : sXPos设置对话框左上角相对于桌面的横坐标
dialogTop : sYPos设置对话框左上角相对于桌面的纵坐标
dialogWidth : sWidth设置对话框的宽度
center : yes | no | | | on | off指定对话框是否显示于桌面正中默认值为 yes
dialogHide : yes | no| | | on | off指定当打印或打印预览时对话框是否隐藏仅仅当对话框是由被信任的程式打开的时候此参数才可用默认值为 no
edge : sunken | raised指定对话框窗口边框样式为凹下还是凸起的默认值为 raised
help : yes | no | | | on | off指定对话框是否显示上下文相关的帮助图标默认值为 yes
resizable : yes | no | | | on | off指定对话框是否可以被用户改变尺寸默认值为 no
scroll : yes | no | | | on | off指定对话框是否显示滚动条默认值为 yes
status : yes | no | | | on | off指定对话框是否显示状态条对于不被信任的对话框默认值为 yes 对于被信任的对话框默认值为 no
unadorned : yes | no | | | on | off指定对话框是否显示 chrome 样式边框仅仅当对话框是由被信任的程式打开的时候此参数才可用默认值为 no

上一篇:jquery循环绑定事件

下一篇:js中widow.open()方法使用详解