子窗口向父窗口传值

简介:

父子窗口之间传值是经常遇到的问题

parent.html

 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">   
  2. <html>   
  3. <head>   
  4.   <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />   
  5.   <title>子窗口传值给父窗口</title>   
  6.   <script language="JavaScript" type="text/javascript">   
  7.     function openWin(u, w, h) {   
  8.               var l = (screen.width - w) / 2;   
  9.               var t = (screen.height - h) / 2;   
  10.                var s = 'width=' + w + ', height=' + h + 'top=' + t + 'left=' + l;   
  11.                   s += ', toolbar=noscrollbars=nomenubar=nolocation=noresizable=no';   
  12.                open(u, 'oWin', s);   
  13.        }   
  14.    function openIt(){   
  15.     window.open("page2.htm",400,300);   
  16.    }   
  17.   </script>   
  18. </head>   
  19. <body>   
  20.   <input type="text" id="text1" />   
  21.   <input type="button" value="Go" onclick="openIt()" />   
  22. </body>   
  23. </html> 

child.html

 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">   
  2. <html>   
  3. <head>   
  4.   <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />   
  5.   <title>子窗口传值给父窗口</title>   
  6.   <script language="JavaScript" type="text/javascript">   
  7.    function goback(obj){   
  8.     window.opener.document.getElementById("text1").value = obj.value;   
  9.     window.close();   
  10.    }   
  11.   </script>   
  12. </head>   
  13. <body>   
  14.   <div><input type="button" value="sucre" onclick="goback(this)" /></div>   
  15.   <div><input type="button" value="javaeye" onclick="goback(this)" /></div>   
  16. </body>   
  17. </html> 

 


本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/380591,如需转载请自行联系原作者

相关文章
|
12月前
|
SQL NoSQL 数据库
Cassandra数据库与Cql实战笔记
Cassandra数据库与Cql实战笔记
175 1
Cassandra数据库与Cql实战笔记
|
11月前
|
机器学习/深度学习 自然语言处理 监控
探索深度学习在自然语言处理中的应用与挑战
本文深入分析了深度学习技术在自然语言处理(NLP)领域的应用,并探讨了当前面临的主要挑战。通过案例研究,展示了如何利用神经网络模型解决文本分类、情感分析、机器翻译等任务。同时,文章也指出了数据稀疏性、模型泛化能力以及计算资源消耗等问题,并对未来的发展趋势进行了展望。
|
12月前
|
运维 持续交付 开发工具
基础设施即代码(IaC):自动化基础设施管理的未来
基础设施即代码(IaC):自动化基础设施管理的未来
427 0
|
监控 安全 智能硬件
智能家居技术入门:从小白到专家
在这篇文章中,我们将一起探索智能家居技术的奥秘。无论你是刚刚接触到这个领域的新手,还是已经有一定了解但希望更深入了解的中级用户,这篇文章都将为你提供有价值的信息和指导。我们将从智能家居的基本概念开始,逐步深入到如何选择设备、设置系统,以及如何利用这些技术来提高生活质量。让我们一同踏上这段旅程,解锁智能家居的无限可能吧!
Flutter 状态管理新境界:多Provider并行驱动UI
Flutter 状态管理新境界:多Provider并行驱动UI
214 0
|
运维 安全 网络架构
【专栏】NAT技术是连接私有网络与互联网的关键,缓解IPv4地址短缺,增强安全性和管理性
【4月更文挑战第28天】NAT技术是连接私有网络与互联网的关键,缓解IPv4地址短缺,增强安全性和管理性。本文阐述了五大NAT类型:全锥形NAT(安全低,利于P2P)、限制锥形NAT(增加安全性)、端口限制锥形NAT(更安全,可能影响协议)、对称NAT(高安全,可能导致兼容性问题)和动态NAT(公网IP有限时适用)。选择NAT类型需考虑安全性、通信模式、IP地址数量和设备兼容性,以确保网络高效、安全运行。
1281 1
|
前端开发 Java
SpringBoot导入和导出Csv文件(二十八)下
SpringBoot导入和导出Csv文件(二十八)下
2880 0
SpringBoot导入和导出Csv文件(二十八)下
|
存储 缓存 安全
【C/C++ 关键字 存储类说明符】C/C++ 的mutable 关键字 忽略对该数据成员的常量性检查在const函数中修改变量值
【C/C++ 关键字 存储类说明符】C/C++ 的mutable 关键字 忽略对该数据成员的常量性检查在const函数中修改变量值
183 0
|
JavaScript jenkins 持续交付
Jenkins自动构建 CI/CD流水线学习笔记(从入门到入土,理论+示例)
Jenkins自动构建 CI/CD流水线学习笔记(从入门到入土,理论+示例)
493 0
|
存储 编解码 缓存