两个窗体间的传值问题，模态(showModalDialog)窗口

经常遇到这样一个问题，需要打开一个窗口，在窗口里面进行操作，然后传值到母窗体，其实挺简单的，这里先列出第一种方法，模态窗体传值，主要用到的是showModalDialog这个方法
不细讲了，直接出源代码吧，parent.html为母窗体，test1.html为子窗体，点击motai按钮返回文本框的值
如下，窗体传值代码下载
parent.html
程序代码 程序代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<title>parent</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script language="javascript">
function testModelDialog()
{
    var obj=new Object();
    obj.name = self.document.getElementById("txtUserName").value;
    obj.password = self.document.getElementById("txtPWD").value;
    var ddd = window.showModalDialog("test1.html",obj);
    document.getElementById("txtUserName").value =ddd;
}
</script>
</head> <BODY>
<form name = "form">
<input type="text" id="txtUserName">
<input type="text" id="txtPWD">
<input type="button" id="btnSubmit" value="提交" onclick=testModelDialog()>
</form>  
</BODY>
</HTML>

子窗体test1.html
程序代码 程序代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<title>child</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script language="javascript">
function returnalue()
{
var obj = new Object();
obj=window.dialogArguments;
document.getElementById("txtValue").value=obj.name;
}
function backValue()
{
    var re = document.getElementById("txtValue").value;
    window.returnValue = re;
    window.close();
}
</script>
</head> <BODY onload=returnalue()>
<form name = "form">
<input type="text" id="txtValue">
<input type="button" id="btnResult" value="提交" onclick=returnalue()>
<input type="button" id="btnModal" value="motai" onclick=backValue()>
</form>  
</BODY>
</HTML>
posted @ 2008-05-26 11:20  小魔鬼  阅读(611)  评论(0)    收藏  举报