javascript 之父子窗口数据交互

来源：互联网发布：ifind金融数据终端编辑：程序博客网时间：2024/06/05 15:03

父窗口：a1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>a.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head>  <script language="JavaScript">function openWin(){window.open("./a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");}function setValues(id,name){document.getElementById("cid").value = id;document.getElementById("cname").value = name;}  </script>    <body>   <form name="form1" action="test.html" method="post" >        客户id: <input type="text" name="cid" value=""  id="cid"  ><br>   客户名称<input type="text" name="cname" value=""  id="cname"  >  <input type="button" name="ok" value="请选择客户" onclick="openWin();"/>     </form></body>  </html>

子窗口：a2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>a2.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head>   <script language="JavaScript">function viewData(id,name){window.opener.setValues(id,name);window.opener = null;window.close();}  </script>  <body>     <table border="1">       <tr>       <td>操作</td><td>客户id</td><td>客户名称</td>       </tr>    <tr>       <td><input type="button" value="选择" id="ss" onclick="viewData('001','深圳华为')"></td><td>001</td><td>深圳华为</td>       </tr>  <tr>       <td><input type="button" value="选择"   onclick="viewData('002','用友软件')"> </td><td>002</td><td>用友软件</td>       </tr>     </table>  </body>     </html>

javascript 之 父子窗口数据交互

javascript 之父子窗口数据交互