用JavaScript 彈出模式對話框 ,其實很簡單,只需要調用showModalDialog這個函數就可以實現

,它作為模式對話框的父窗口,其實現的功能是點擊按鈕后將TextBoxTestId和

HiddenUserId 兩個控件的值通過查詢字符串傳遞給模式對話框。這里要注意的是showModalDialog函數的第二個

參數,通過這個參數可以把父窗口的對象帶給模式對話框,模式對話框可以通過window.dialogArguments這個屬性獲取到父窗口帶入的參數,這里填寫的參數是父窗口的window 對象。

 


下面是模式對話框窗體后臺代碼,這個很簡單,就是將父窗口通過查詢字符串帶入的兩個參數復制給OpenMessage窗體的相應控件。


OpenMessage窗體點擊確認按鈕后要將其窗體中控件TextBoxtTestId的值帶回給父窗口,通過如下

代碼實現

<script language="javascript" type="text/javascript">

    
function btn_Ok_onclick() 
    
{
        
var testId = document.getElementById("TextBoxTestId").value; 
        window.dialogArguments.document.getElementById(
"TextBoxTestId").value = testId;
       
 window.close();
    }


    
</script>

這里可以看到,window.dialogArguments 實際上是前面父窗口調用時帶入的父窗口的windows對象

所以對這個對象的document屬性進行操作,就可以實現對話框子窗口到父窗口的參數傳遞,非常方便。