javascript的對話框詳解與參數
2024-09-06 12:43:04
供稿：網友
對話框可以分為模式對話框和無模式對話框兩種，兩者區別是在對話框被關閉之前用戶能否在同一應用程序的其他地方進行工作。舉例說明：打開文件對話框便是典型的模式對話框，在你選擇好要打開的文件按下確定后，或者取消打開文件操作后，才可以在同一應用程序進行其他操作。而常見的查找和替換對話框便是無模式對話框的典型，在該對話框打開的同時，我們還可以進行其他工作。模式對話框會始終保持焦點。除非關閉對話框，否則無法切換窗口。 無模式對話框不會始終保持焦點，但始終保持顯示在最前端。
彈出網頁窗口全攻略(html/hta)
1.彈啟一個全屏窗口
<html>
<body onload="window.open( http://www.3lian.com, example01 , fullscreen );">;
<b>www.3lian.com</b>
</body>
</html>
2.彈啟一個被F11化后的窗口
<html>
<body onload="window.open( http://www.3lian.com, example02 , channelmode );">;
<b>www.3lian.com</b>
</body>
</html>
3.彈啟一個帶有收藏鏈接工具欄的窗口
<html>
<body onload="window.open( http://www.3lian.com, example03 , width=400,height=300,directories );">
<b>www.3lian.com</b>
</body>
</html>
4.網頁對話框
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog( http://www.3lian.com, example04 , dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes )
//-->
</SCRIPT>
<b>www.3lian.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog( http://www.pconline.com.cn , example05 , dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes )
//-->
</SCRIPT>
<b>http://www.3lian.com</b>
</body>
</html>
showModalDialog()或是showModelessDialog() 來調用網頁對話框，至于showModalDialog()與showModelessDialog()的區別，在于showModalDialog()打開的窗口（簡稱模式窗口），置在父窗口上，必須關閉才能訪問父窗口(建議盡量少用，以免招人反感)；showModelessDialog()（簡稱無模式窗口），打開后不必關閉也可訪問父窗口打開的窗口。
dialogHeight: iHeight 設置對話框窗口的高度。
dialogWidth: iWidth 設置對話框窗口的寬度。
dialogLeft: iXPos 設置對話框窗口相對于桌面左上角的left位置。
dialogTop: iYPos 設置對話框窗口相對于桌面左上角的top位置。
