博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript实现子窗口向父窗口传值(转)
阅读量:4055 次
发布时间:2019-05-25

本文共 1306 字,大约阅读时间需要 4 分钟。

page1.html为父窗口,page2.htm为子窗口。详细代码如下: 

page1.html 
引用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
  
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
  
<title>子窗口传值给父窗口</title> 
  
<script language="JavaScript" type="text/javascript"> 
    function openWin(u, w, h) { 
              var l 
= (screen.width - w) / 2
              var t 
= (screen.height - h) / 2
               var s 
= 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l; 
                  s 
+= ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no'
               open(u, 
'oWin', s); 
       } 
   function openIt(){ 
    window.open(
"page2.html",400,300); 
   } 
  
</script> 
</head> 
<body> 
  
<input type="text" id="text1" /> 
  
<input type="button" value="弹出" onclick="openIt()" /> 
</body> 
</html>
page2.html 
引用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
  
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
  
<title>子窗口传值给父窗口</title> 
  
<script language="JavaScript" type="text/javascript"> 
   function goback(obj){ 
    window.opener.document.getElementById(
"text1").value = obj.value; 
    window.close(); 
   } 
  
</script> 
</head> 
<body> 
  
<div><input type="button" value="阿会楠" onclick="goback(this)" /></div> 
  
<div><input type="button" value="23岁" onclick="goback(this)" /></div> 
</body> 
</html>

转载地址:http://aeoci.baihongyu.com/

你可能感兴趣的文章
Jenkins - sonarqube 代码审查
查看>>
Jenkins + Docker + SpringCloud 微服务持续集成(一)
查看>>
Jenkins + Docker + SpringCloud 微服务持续集成 - 单机部署(二)
查看>>
Jenkins + Docker + SpringCloud 微服务持续集成 - 高可用集群部署(三)
查看>>
Golang struct 指针引用用法(声明入门篇)
查看>>
Linux 粘滞位 suid sgid
查看>>
C#控件集DotNetBar安装及破解
查看>>
Winform皮肤控件IrisSkin4.dll使用
查看>>
Winform多线程
查看>>
C# 托管与非托管
查看>>
Node.js中的事件驱动编程详解
查看>>
mongodb 命令
查看>>
MongoDB基本使用
查看>>
mongodb管理与安全认证
查看>>
nodejs内存控制
查看>>
nodejs Stream使用中的陷阱
查看>>
MongoDB 数据文件备份与恢复
查看>>
数据库索引介绍及使用
查看>>
MongoDB数据库插入、更新和删除操作详解
查看>>
MongoDB文档(Document)全局唯一ID的设计思路
查看>>