Window.ShowModalDialog使用手冊

來源： | 時間：2013/12/20 10:55:15 |

基本介紹：
         showModalDialog()                              (IE 4+ 支持)
         showModelessDialog()                         (IE 5+ 支持)
         window.showModalDialog()                 方法用來創建一個顯示HTML內容的模態對話框。
         window.showModelessDialog()            方法用來創建一個顯示HTML內容的非模態對話框。
使用方法：
         vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
         vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
參數說明：
        sURL                --   必選參數，類型：字符串。用來指定對話框要顯示的文檔的URL。
        vArguments   --    可選參數，類型：變體。用來向對話框傳遞參數。傳遞的參數類型不限，包括數組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
        sFeatures       --    可選參數，類型：字符串。用來描述對話框的外觀等信息，可以使用以下的一個或幾個，用分號“;”隔開。
----------------
1.   dialogHeight:   對話框高度，不小于100px
2.   dialogWidth:   對話框寬度。
3.   dialogLeft:    離屏幕左的距離。
4.   dialogTop:    離屏幕上的距離。
5.   center:         { yes | no | 1 | 0 } ：             是否居中，默認yes，但仍可以指定高度和寬度。
6.   help:            {yes | no | 1 | 0 }：               是否顯示幫助按鈕，默認yes。
7.   resizable:      {yes | no | 1 | 0 } [IE5+]：    是否可被改變大小。默認no。
8.   status:         {yes | no | 1 | 0 } [IE5+]：     是否顯示狀態欄。默認為yes[ Modeless]或no[Modal]。
9.   scroll:           { yes | no | 1 | 0 | on | off }：是否顯示滾動條。默認為yes。

下面幾個屬性是用在HTA中的，在一般的網頁中一般不使用。
10.   dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印預覽時對話框是否隱藏。默認為no。
11.   edge:{ sunken | raised }：指明對話框的邊框樣式。默認為raised。
12.   unadorned:{ yes | no | 1 | 0 | on | off }：默認為no。

參數傳遞：
1.   要想對話框傳遞參數，是通過vArguments來進行傳遞的。類型不限制，對于字符串類型，最大為4096個字符。也可以傳遞對象，例如：
-------------------------------
parent.htm
<script>
         var obj = new Object();
         obj.name='51js';
         window.showModalDialog('modal.htm',obj,'dialogWidth=200px;dialogHeight=100px');
</script>
modal.htm
<script>
         var obj = window.dialogArguments
         alert('您傳遞的參數為：' + obj.name)
</script>
-------------------------------
2.   可以通過window.returnValue向打開對話框的窗口返回信息，當然也可以是對象。例如：
------------------------------
parent.htm
<script>
         str =window.showModalDialog('modal.htm',,'dialogWidth=200px;dialogHeight=100px');
         alert(str);
</script>
modal.htm
<script>
         window.returnValue='http://www.51js.com';
</script>

彈出一個對話框
showModalDialog 打開獨占方式網頁對話框
window.showModalDialog
　　打開一個獨占方式網頁對話框
　　
　　話法|Syntax
　　 variant = object.showModalDialog(sURL [, vArguments [, sFeatures]])
　　
　　參數描述
　　 sURL 指點URL文件地址
　　
　　 vArguments
　　
　　
　　 sFeatures 窗口對話框參數參數包括下面可選
　　
　　
　　 dialogWidth:number 設置對話框寬度. 可選
　　 dialogHeight:number 設置對話框高度. 可選
　　 dialogTop:number 設置對話窗戶的最高的位置放相對桌面的上面的位置可選
　　 dialogLeft:number 設置對話窗戶左邊的位置放相對桌面的左邊的位置可選
　　 center:{yes | no | 1 | 0 } 對話窗口出位位置 yes|1居中 NO|0 默認可選
　　
　　 Help: {yes|no 1|0} 對話框是否出現幫助按鈕可選
　　 scroll: {yes|no 1|0} 對話框是否出現滾動欄可選
　　 status: {yes|no 1|0} 對話框是否出現狀態欄可選
　　
　　傳入參數：
　　要想對話框傳遞參數，是通過vArguments來進行傳遞的。類型不限制，對于字符串類型，最大為4096個字符。也可以傳遞對象，例如:
　　 test1.htm
　　 ====================
　　 <script>
　　 var mxh1 = new Array("mxh","net_lover","孟子E章")
　　 var mxh2 = window.open("about:blank","window_mxh")
　　 // 向對話框傳遞數組\\r
　　 window.showModalDialog("test2.htm",mxh1)
　　 // 向對話框傳遞window對象\\r
　　 window.showModalDialog("test3.htm",mxh2)
　　 </script>
　　
　　 test2.htm
　　 ====================
　　 <script>
　　 var a = window.dialogArguments
　　 alert("您傳遞的參數為：" + a)
　　 </script>
　　
　　 test3.htm
　　 ====================
　　 <script>
　　 var a = window.dialogArguments
　　 ale