当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码实现在打开的窗口中返回数据

JS代码实现在打开的窗口中返回数据

2012/11/3 08:16:20作者:佚名来源:网络

移动端

【实例名称】

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代码的准确性,请点击:在打开的窗口中返回数据 进行本实例源码下载 

标签: 窗口