【实例名称】
JS代码实现在打开的窗口中返回数据
【实例描述】
当打开窗口后,客户端已经与服务器端失去了联系。那么如何从新窗口返回一个计算结果给父窗口呢?本例学习如何从打开的窗口中返回数据。
【实例代码】
父窗体的代码如下所示:
<HTML>
<head>
<title>无标题-本站(www.xue51.com)</title>
</head>
<BODY>
<body>
<script language="javascript">
//打开模式窗口
str =window.showModalDialog("12.11 从打开的窗口中返回数据1.htm",
"dialogWidth=200px;dialogHeight=100px");
alert(str);//输出返回值
</script>
</body>
</HTML>
模式窗口中的代码如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页-本站(www.xue51.com)</title> <script language=javascript> window.returnValue="测试的返回数据"; </script> </head> <body> </body> </html>
【运行效果】
【难点剖析】
本例的难点是如何捕获新窗口的返回值。首先使用“showModalDialog”方法打开新窗口,中使用“str”变量获取返回值。在模式窗口中,使用“retumValue”返回当前窗体中的数据。
【源码下载】
为了JS代码的准确性,请点击:在打开的窗口中返回数据 进行本实例源码下载
……