快捷導(dǎo)航

讓js彈出窗口居前顯示的實(shí)現(xiàn)方法

更新時(shí)間：2013年07月10日 11:42:08 作者：

一般來說，顯示在最前面的窗口都是因?yàn)榇翱诒患せ瞰@得焦點(diǎn)，要使窗口永遠(yuǎn)顯示在最前面，可以人為的設(shè)置窗口在blur時(shí)立刻focus，或者用模式、無模式對(duì)話框?qū)崿F(xiàn)

具體步驟：

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

方法二：用showModalDialog方法建立模式對(duì)話框，它的參數(shù)說明如表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方法建立無模式對(duì)話框，它的參數(shù)跟模式對(duì)話框完全一樣，可以參考表1.5.2。
<script>
   function topwin(){
   window.showModelessDialog("http://chabaoo.cn","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
</script>
<button onClick="topwin()">打開無模式窗口</button>

注意：模式對(duì)話框會(huì)始終保持焦點(diǎn)。除非關(guān)閉對(duì)話框，否則無法切換窗口。無模式對(duì)話框不會(huì)始終保持焦點(diǎn)，但始終保持顯示在最前端。

特別說明
本例主要是模式對(duì)話框和無模式對(duì)話框的應(yīng)用，必須注意兩種對(duì)話框的異同。

表1.5.2 showModalDialog方法的參數(shù)列表
參數(shù)取值說明
sURL必選項(xiàng)。字符串(String)。指定要載入和顯示的 URL。
vArguments可選項(xiàng)。字符串(String)。指定供顯示文檔時(shí)使用的變量。利用這個(gè)參數(shù)可以傳遞任何類型的值，包括包含多個(gè)值得的數(shù)組。對(duì)話框可以通過調(diào)用程序從 window 對(duì)象的 dialogArguments 屬性提取這些值。
sFeatures可選項(xiàng)。字符串(String)。指定對(duì)話框的窗口裝飾。使用下面的值。多個(gè)之間用分號(hào)隔開。
dialogHeight : sHeight設(shè)置對(duì)話框的高度
dialogLeft : sXPos設(shè)置對(duì)話框左上角相對(duì)于桌面的橫坐標(biāo)。
dialogTop : sYPos設(shè)置對(duì)話框左上角相對(duì)于桌面的縱坐標(biāo)。
dialogWidth : sWidth設(shè)置對(duì)話框的寬度。
center : yes | no | 1 | 0 | on | off指定對(duì)話框是否顯示于桌面正中。默認(rèn)值為 yes 。
dialogHide : yes | no| 1 | 0 | on | off指定當(dāng)打印或打印預(yù)覽時(shí)對(duì)話框是否隱藏。僅僅當(dāng)對(duì)話框是由被信任的程式打開的時(shí)候此參數(shù)才可用。默認(rèn)值為 no 。
edge : sunken | raised指定對(duì)話框窗口邊框樣式為凹下還是凸起的。默認(rèn)值為 raised 。
help : yes | no | 1 | 0 | on | off指定對(duì)話框是否顯示上下文相關(guān)的幫助圖標(biāo)。默認(rèn)值為 yes 。
resizable : yes | no | 1 | 0 | on | off指定對(duì)話框是否可以被用戶改變尺寸。默認(rèn)值為 no 。
scroll : yes | no | 1 | 0 | on | off指定對(duì)話框是否顯示滾動(dòng)條。默認(rèn)值為 yes 。
status : yes | no | 1 | 0 | on | off指定對(duì)話框是否顯示狀態(tài)條。對(duì)于不被信任的對(duì)話框默認(rèn)值為 yes 。對(duì)于被信任的對(duì)話框默認(rèn)值為 no 。
unadorned : yes | no | 1 | 0 | on | off指定對(duì)話框是否顯示 chrome 樣式邊框。僅僅當(dāng)對(duì)話框是由被信任的程式打開的時(shí)候此參數(shù)才可用。默認(rèn)值為 no 。

您可能感興趣的文章: