javascript的對話方塊詳解與參數

來源:互聯網
上載者:User

對話方塊可以分為強制回應對話方塊和無強制回應對話方塊兩種,兩者區別是在對話方塊被關閉之前使用者能否在同一應用程式的其他地方進行工作。舉例說明:開啟檔案對話方塊便是典型的強制回應對話方塊,在你選擇好要開啟的檔案按下確定後,或者取消開啟檔案操作後,才可以在同一應用程式進行其他動作。而常見的尋找和替換對話方塊便是無強制回應對話方塊的典型,在該對話方塊開啟的同時,我們還可以進行其他工作。強制回應對話方塊會始終保持焦點。除非關閉對話方塊,否則無法切換視窗。 無強制回應對話方塊不會始終保持焦點,但始終保持顯示在最前端。

彈出網頁視窗全攻略(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”。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.