软件开发培训班 >> 编程开发 >> JavaScript


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

　　本文标签：js,弹出窗口,居前显示

具体步骤：

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

方法二：用showModalDialog方法建立模式对话框，它的参数说明如表1.5.2所示 。
<script>
   function topwin(){
   window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
</script>
<button onClick="topwin()">打开模式窗口</button>

方法三：用showModelessDialog方法建立无模式对话框，它的参数跟模式对话框完全一样，可以参考表1.5.2 。
<script>
   function topwin(){
   window.showModelessDialog("http://www.jb51.net","","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  。