用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属性进行操作,就可以实现对话框子窗口到父窗口的参数传递,非常方便。