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

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

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

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

 


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


OpenMessage窗體點(diǎn)擊確認(rèn)按鈕后要將其窗體中控件TextBoxtTestId的值帶回給父窗口,通過(guò)如下

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

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