用JavaScript 彈出模式對話框 ,其實很簡單,只需要調(diào)用showModalDialog這個函數(shù)就可以實現(xiàn)

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

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

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

 


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


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

代碼實現(xiàn)

<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 實際上是前面父窗口調(diào)用時帶入的父窗口的windows對象

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