javascript 之父子窗口数据交互

最新推荐文章于 2022-12-05 01:49:20 发布

EthanQ

最新推荐文章于 2022-12-05 01:49:20 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： javascript button html input 华为 border

本文链接：https://blog.csdn.net/EthanQ/article/details/7485339

版权

javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

父窗口：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="请选择客户" οnclick="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" οnclick="viewData('001','深圳华为')"></td>
			<td>001</td>
			<td>深圳华为</td>
  	   	  </tr>
		  <tr>
  	   	  	<td><input type="button" value="选择"   οnclick="viewData('002','用友软件')"> </td>
			<td>002</td>
			<td>用友软件</td>
  	   	  </tr>
  	   </table>
  </body>
 
  
  
</html>

EthanQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
javascript 之父子窗口数据交互

父窗口：a1.html a.html function openWin(){ window.open("./a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); } function setValues
复制链接

扫一扫