首頁  >  文章  >  web前端  >  讓js彈出視窗居前顯示的實作方法_javascript技巧

讓js彈出視窗居前顯示的實作方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:29:171274瀏覽

具體步驟:

方法一:彈出視窗裡面加上程式碼:onblur="self.focus()":



方法二:用showModalDialog方法建立模式對話框,它的參數說明如表1.5.2所示。

開啟模式視窗


方法三:用showModelessDialog方法建立無模式對話框,它的參數跟模式對話框完全一樣,可以參考表1.5.2。


開啟無模式視窗
注意:

模式對話方塊會一直保持焦點。除非關閉對話框,否則無法切換視窗。 無模式對話方塊不會始終保持焦點,但始終保持顯示在最前端。
特別說明

本例主要是模式對話框和無模式對話框的應用,必須注意兩種對話框的異同。
表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 :<script><BR> function topwin(){<BR> window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")<BR> }<BR></script> yes | no | 1 | 0 | on | off指定對話框是否顯示狀態條。對於不被信任的對話方塊預設值為 yes 。對於被信任的對話方塊預設值為 no 。 <script><BR> function topwin(){<BR> window.showModelessDialog("http://www.jb51.net","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")<BR> }<BR></script>unadorned : yes | no | 1 | 0 | on | off指定對話框是否顯示 chrome 樣式邊框。僅僅當對話方塊是由被信任的程式開啟的時候此參數才可用。預設值為 no 。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn