作者:闪吧来源:闪吧
怎么强制弹出窗口永远在最前面
解决思路:
一般来说,显示在最前面的窗口都是因为窗口被激活获得焦点,要使窗口永远显示在最前面,可以人为的设置窗口在blur时立刻focus,或者用模式、无模式对话框实现。
具体步骤:
方法一:弹出窗口<body>里加上代码:οnblur="self.focus()":
<bodyοnblur="self.focus()">
方法二:用showModalDialog方法建立模式对话框,它的参数说明如表1.5.2所示。
<script>
functiontopwin(){
window.showModalDialog("","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<buttononClick="topwin()">打开模式窗口</button>
方法三:用showModelessDialog方法建立无模式对话框,它的参数跟模式对话框完全一样,可以参考表1.5.2。
<script>
functiontopwin(){
window.showModelessDialog("","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<buttononClick="topwin()">打开无模式窗口</button>
注意:模式对话框会始终保持焦点。除非关闭对话框,否则无法切换窗口。无模式对话框不会始终保持焦点,但始终保持显示在最前端。
特别提示
方法二和方法三的代码运行效果分别如图1.5.4、图1.5.5所示。
图1.5.4模式对话框效果
图1..5.5无模式对话框效果
特别说明
本例主要是模式对话框和无模式对话框的应用,必须注意两种对话框的异同。
表1.5.2showModalDialog方法的参数列表
参数取值说明
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。