DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript的對話框詳解與參數
javascript的對話框詳解與參數
編輯:JavaScript基礎知識     
對話框可以分為模式對話框和無模式對話框兩種,兩者區別是在對話框被關閉之前用戶能否在同一應用程序的其他地方進行工作。舉例說明:打開文件對話框便是典型的模式對話框,在你選擇好要打開的文件按下確定後,或者取消打開文件操作後,才可以在同一應用程序進行其他操作。而常見的查找和替換對話框便是無模式對話框的典型,在該對話框打開的同時,我們還可以進行其他工作。模式對話框會始終保持焦點。除非關閉對話框,否則無法切換窗口。 無模式對話框不會始終保持焦點,但始終保持顯示在最前端。

彈出網頁窗口全攻略(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位置。 
center: {yes | no | 1 | 0 } 指定是否將對話框在桌面上居中,默認值是“yes”。
help: {yes | no | 1 | 0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。   
resizable: {yes | no | 1 | 0 } 指定是否對話框窗口大小可變。默認值是“no”。 
status: {yes | no | 1 | 0 } 指定對話框窗口是否顯示狀態欄。對於非模式對話框窗口,默認值是“yes”;對於模式對話框窗口,默認值是 “no”。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved