JavaScript彈出模式窗口
阿新 • • 發佈：2019-01-23
是否 尺寸 兩種 edit 包括 left cti ide content 解決思路：
一般來說，顯示在最前面的窗口都是因為窗口被激活獲得焦點，要使窗口永遠顯示在最前面，可以人為的設置窗口在blur時立刻focus，或者用模式、無模式對話框實現。
具體步驟：
方法一：彈出窗口<body>裏加上代碼：onblur="self.focus()"：
<body onblur="self.focus()">
方法二：用showModalDialog方法建立模式對話框，它的參數說明如表1.5.2所示。
<script>
function topwin(){
window.showModalDialog("http://www.thugx.com","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打開模式窗口</button>
方法三：用showModelessDialog方法建立無模式對話框，它的參數跟模式對話框完全一樣，可以參考表1.5.2。
<script>
function topwin(){
window.showModelessDialog("http://www.thugx.com","","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 。
一般來說，顯示在最前面的窗口都是因為窗口被激活獲得焦點，要使窗口永遠顯示在最前面，可以人為的設置窗口在blur時立刻focus，或者用模式、無模式對話框實現。
具體步驟：
方法一：彈出窗口<body>裏加上代碼：onblur="self.focus()"：
<body onblur="self.focus()">
方法二：用showModalDialog方法建立模式對話框，它的參數說明如表1.5.2所示。
<script>
function topwin(){
window.showModalDialog("http://www.thugx.com","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打開模式窗口</button>
方法三：用showModelessDialog方法建立無模式對話框，它的參數跟模式對話框完全一樣，可以參考表1.5.2。
<script>
function topwin(){
window.showModelessDialog("http://www.thugx.com","","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 。
再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow
JavaScript彈出模式窗口