JS中showModalDialog 的使用解析_javascript技巧

基本介紹：         

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. 想要對話框傳遞參數，是透過vArguments來進行傳遞的。類型不限制，對於字串類型，最大為4096個字元。也可以傳遞物件.
parent.html

複製程式碼 代碼如下:

  
       
 >
            var sURL = "showModalDialog2.html";
          ;
            var sFeatures = "dialogHeight:200px;dialogWidth:450px";
            document.getElementById("buttonID").onclick = function(){
                  window.showModalDialog(sURL,vArguments,sFeatures );
            }
       
 

children.html

複製程式碼 程式碼如下:

       
       
                                          
                     
                張三
               
          >
最終結果：



2.可以透過window.returnValue向開啟對話框的視窗回傳訊息,可以是布林值,整數值等以外還可以是個js數組,當然也可以是物件.

 parent.html





複製代碼
代碼如下:

/**

*透過controller轉向在模擬視窗載入JSP頁面

**/    function selectUserList(param) {         var sURL = "${pageContext.request.contextPath}/SelectUserController/paraelfixchp param.regField";         var vArguments =。 px"";          return window.showModalDialog(sURL,vArguments,sFeatures);    }

/**
*經由JSON傳值,並回傳JSON數組
**/
    function getUser(){
        var retValue = selectUserList({'checkType':'','creg):'