关闭子窗口，在父窗口求和的js怎么做啊?附代码！高手来啊！！

Web 开发 > JavaScript
收藏 回复
[问题点数：50分，结帖人hk207]
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
结帖率 94.59%
fu.htm代码：

<a href="#" onclick="window.open('zi1.htm','','status=yes,width=200,height=200')">子窗口1</a><br /><br />
<a href="#" onclick="window.open('zi2.htm','','status=yes,width=200,height=200')">子窗口1</a><br /><br />
<a href="#" onclick="window.open('zi3.htm','','status=yes,width=200,height=200')">子窗口1</a><br /><br />
<input name="he" type="text" readonly="true">he<br />

zi1.htm代码：

<input name="zi1" type="text" readonly="true">zi1<br />

zi2.htm代码：

<input name="zi2" type="text" readonly="true">zi2<br />

zi3.htm代码：

<input name="zi3" type="text" readonly="true">zi3<br />

子窗口是动态生成的，就是不一定只有三个（能解决3个子窗口的也可以！）。


要求的计算是：在zi1中输入一个数a（如：2），则父窗口中显示a（如：2），如果再打开zi2输入b（如：3），则父窗口中显示a＋b（如：5），如果再打开zi3输入c（如：4），则父窗口中显示a＋b＋c（如：9），子窗口中的值可以修改，修改不累加。

高手帮一下啊！拜托！！
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
fu.htm代码： 

<a href="#" onclick="window.open('zi1.htm','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 
<a href="#" onclick="window.open('zi2.htm','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 
<a href="#" onclick="window.open('zi3.htm','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 
<input name="he" type="text" readonly="true"> he <br /> 

zi1.htm代码： 

<input name="zi1" type="text" readonly="true"> zi1 <br /> 
<br /> 
<input type="button" value="关闭窗口" onclick="javascript:window.close();">
zi2.htm代码： 

<input name="zi2" type="text" readonly="true"> zi2 <br /> 
<br /> 
<input type="button" value="关闭窗口" onclick="javascript:window.close();">
zi3.htm代码： 

<input name="zi3" type="text" readonly="true"> zi3 <br /> 
<br /> 
<input type="button" value="关闭窗口" onclick="javascript:window.close();">

子窗口是动态生成的，就是不一定只有三个（能解决3个子窗口的也可以！）。 


要求的计算是：在zi1中输入一个数a（如：2），关闭zi1窗口，则父窗口中显示a（如：2），如果再打开zi2输入b（如：3），关闭zi2窗口，则父窗口中显示a＋b（如：5），如果再打开zi3输入c（如：4），关闭zi3窗口，则父窗口中显示a＋b＋c（如：9），子窗口中的值可以修改，修改不累加。 

高手帮一下啊！拜托！！
只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
版主
一把编程的菜刀
等级
本版专家分：158543
勋章
Blank
进士 2008年 总版技术专家分年内排行榜第四
Blank
铜牌 2008年11月 总版技术专家分月排行榜第三
2008年5月 总版技术专家分月排行榜第三
2008年3月 总版技术专家分月排行榜第三
Blank
红花 2009年3月 Web 开发大版内专家分月排行榜第一
2009年2月 Web 开发大版内专家分月排行榜第一
2008年11月 Web 开发大版内专家分月排行榜第一
2008年7月 Web 开发大版内专家分月排行榜第一
2008年6月 Web 开发大版内专家分月排行榜第一
2008年5月 Web 开发大版内专家分月排行榜第一
2008年4月 Web 开发大版内专家分月排行榜第一
2008年3月 Web 开发大版内专家分月排行榜第一
2008年2月 Web 开发大版内专家分月排行榜第一
Blank
黄花 2009年4月 Web 开发大版内专家分月排行榜第二
2009年1月 Web 开发大版内专家分月排行榜第二
2008年12月 Web 开发大版内专家分月排行榜第二
2008年10月 Web 开发大版内专家分月排行榜第二
2008年9月 Web 开发大版内专家分月排行榜第二
2008年8月 Web 开发大版内专家分月排行榜第二
i1.htm代码：  
<input name="zi1" type="text">  zi1  <br />   
<br />  
<input type="button" value="关闭窗口" onclick="xs();">  
<script>
function xs(){
window.opener.document.getElementById("he").value=parseInt(window.opener.document.getElementById("he").value)+parseInt(document.getElementById("zi1").value)
window.close();
}
</script>

i2.htm代码：
<input name="zi2" type="text">  zi2 <br />   
<br />  
<input type="button" value="关闭窗口" onclick="xs();">  
<script>
function xs(){
window.opener.document.getElementById("he").value=parseInt(window.opener.document.getElementById("he").value)+parseInt(document.getElementById("zi2").value)
window.close();
}
</script>

i3.htm代码：
<input name="zi3" type="text">  zi3 <br />   
<br />  
<input type="button" value="关闭窗口" onclick="xs();">  
<script>
function xs(){
window.opener.document.getElementById("he").value=parseInt(window.opener.document.getElementById("he").value)+parseInt(document.getElementById("zi3").value)
window.close();
}
</script>
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
he_8134
等级
本版专家分：7488
父窗口:
<script>

function add(n){

    var result = document.all["he"];

    result.value=(result.value==""?0:parseInt(result.value))+parseInt(n);

}

</script>

<a href="#" onclick="window.open('zi1.htm','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 

<a href="#" onclick="window.open('zi2.htm','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 

<a href="#" onclick="window.open('zi3.htm','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 

<input name="he" type="text" readonly="true"> he <br /> 

子窗口:


<input name="zi1" type="text"  />

<br />   

<br />   

<input type="button" value="关闭窗口" onclick="window.opener.add(document.all["zi1"].value);window.close();" /> 
只看TA 引用 举报 #3得分 0
更多帖子
私信 空间 博客
he_8134
等级
本版专家分：7488
改下引号
<input name="zi1" type="text"  />

<br />   

<br />   

<input type="button" value="关闭窗口" onclick="window.opener.add(document.all['zi1'].value);window.close();" /> 
只看TA 引用 举报 #4得分 0
私信 空间 博客
loveyunwt
等级
本版专家分：2111
a.htm




 <script type="text/javascript">

function ss(){

document.all.t1.value=document.all.t1.value*document.all.t2.value;

}

</script>



<input name=t1   size=20>   

<input name=t2   size=20 type="hidden"> 

<input   type=button   value=show   onclick="document.all.t2.value=document.all.t1.value; window.open



('b.htm','zyc','toolbar=no,scrollbars=yes,resizable=no,top=200,left=300,width=400,height=180');">   

<input   type=button   value="两次乘"  onclick="ss()"> 

b.htm




<br/><br/><br/>

<input name="w">*<input name="q"><input type="button" value="求积"onclick="opener.document.all.t1.value=document.all.w.value*document.all.q.value; window.close();">
只看TA 引用 举报 #5得分 0
私信 空间 博客
cnchart
等级
本版专家分：4219
很简单，就是window.opener的使用
只看TA 引用 举报 #6得分 0
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
以上的好像都不对啊，子窗口的值都不能修改啊，修改就累加上去了，我要的是修改子窗口的值不累加啊。
比如：第一次打开zi1填入值1，关闭，这时父窗口的值应该是1，但是我再打开zi1，输入值2，关闭，父窗口的值就变成1＋2＝3了，我要的是父窗口的值还是2啊；如果是只有一个子窗口的话不难，关键是有多个子窗口，要求的是每个子窗口值的和。郁闷！高手来吧！！！
只看TA 引用 举报 #7得分 0
更多帖子
私信 空间 博客
lsc1202001
等级
本版专家分：1363
很简单  用一个住页面的数组来纪录子的值

父窗口


<script>

var zi = [];

function add(n, o){

    var result = document.all["he"];

	if(zi[o] != n){  //子窗口值改变

		result.value=(result.value==""?0:parseInt(result.value))+parseInt(n);

		zi[o] = n;

	}

}

</script>

<a href="#" onclick="window.open('z1.html','','status=yes,width=200,height=200')"> 子窗口1 </a> <br /> <br /> 

<a href="#" onclick="window.open('z2.html','','status=yes,width=200,height=200')"> 子窗口2 </a> <br /> <br /> 

<a href="#" onclick="window.open('z3.html','','status=yes,width=200,height=200')"> 子窗口3 </a> <br /> <br /> 

<input name="he" type="text" readonly="true"> he <br /> 


子窗口


<input name="zi1" type="text"  />

<br />   

<br />   <!-- 不同子页面函数第二个参数设置为不同 -->

<input type="button" value="关闭窗口" onclick="window.opener.add(document.all['zi1'].value, 1 );window.close();" /> 
只看TA 引用 举报 #8得分 0
更多帖子
私信 空间 博客
stayalive
等级
本版专家分：4362
一定要要用子窗口么？

貌似现在很流行的是ajax吧，
用lightbox（or thickbox）～
只看TA 引用 举报 #9得分 0
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
lsc1202001 还是一样，修改子窗口的值的话父窗口会累加！


引用 9 楼 stayalive 的回复:
一定要要用子窗口么？ 

貌似现在很流行的是ajax吧， 
用lightbox（or thickbox）～


怎么用呢？高手可以详细一点么？
只看TA 引用 举报 #10得分 0
1 2 3 ... 6
收起
收藏 回复
hk207

等级：

关注 私信 TA的帖子
加油！！算法工程师养成记（附精选面试题）

通往机器学习算法工程师的进阶之路是崎岖险阻的。《线性代数》《统计学习方法》《机器学习》《模式识别》《深度...这种匠心精神，直白来讲，可以概括为：发现问题的眼光、解决问题的探索精神，以及对问题究原竟委...

你想要的Python面试题都在这里了！

五个多月的学习，在Python方面也算是略有建树，观念也有了一些改变，编程语言毕竟只是工具，Python确实非常的简介优雅，但是转而一想，我可以学会的东西，其他人也能学会，只会基础语法没有竞争力，所以学习Python更...

前端开发笔记,持续更新中!!! 2020-11-9

// 求和 var numbers=[65,44,12,4]; function getSum(total,num){ retuen total+num } function MyFun(item){ var numrs=numbers.reduce(getSum) } #Object.keys()方法 //获得对象中所有的键或者其他方法使用 //...

C#基础教程-c#实例教程，适合初学者

C#基础教程-c#实例教程，适合初学者。 第一章 C#语言基础 本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window应用程序和Web应用程序。...

测试开发笔记

★软件测试的目的、意义：（怎么做好软件测试） 7 3.软件生命周期： 7 第二章 测试过程 8 1.测试模型 8 H模型： 8 V模型 9 2.内部测试 10 3外部测试： 10 验收测试：（在系统测试之后） 11 回归测试： 11 4.测试过程...

JavaScript—进阶篇

做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。 课程须知： ...

【面试】AI算法工程师---面试题！（第二部分：AI部分）

深度学习

干货！一篇文章集合所有Linux基础命令，适合所有菜鸟学习和老手回顾！

阿里云 干货！一篇文章集合所有Linux基础命令，适合所有菜鸟学习和老手回顾！ 1 文件{ls -rtl # 按时间倒叙列出所有目录和文件 ll -rttouch file # 创建空白文件rm -rf 目录名 # 不提示删除非空目录(-r:递归删除 -f...

干货！一篇文章集合所有Linux基础命令

1 文件{ls -rtl # 按时间倒叙列出所有目录和文件 ll -rttouch file # 创建空白文件rm -rf 目录名 # 不提示删除非空目录(-r:递归删除 -f强制)dos2unix # windows文本转linux文本unix2dos # linux文本转windows文本...

java葵花宝典中的宝典！

葵花宝典之java  一：面向对象的特征有哪些方面    1. 抽象：抽象就是忽略一个主题中与当前目标无关的那些方面，以便更充分地注意与当前目标有关的方面。抽象并不打算了解全部问题，而只是选择其中的一部分，...

呕血整理JavaScript知识重点（面试复习必备）

JavaScript 官方名称是 ECMAScript 是一种属于网络的脚本语言，已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。 编辑器 VS code一款微软出品的强大前端编辑器，...

JS笔记

一、 JS的简介 JavaScript是一种网页编程技术，经常用于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语言，类似C语言和Java的语法 事先不编译；逐行执行；无需进行严格的变量声明；内置大量...

闭包的概念 形式以及在javascript，python，Ruby等语言中的应用

闭包并不是什么新奇的概念，它早在高级语言开始发展的年代就产生了。闭包（Closure）是词法闭包（Lexical Closure）的简称。对闭包的具体定义有很多种说法，这些说法大体可以分为两类： 一种说法认为闭包是符合一定...

JavaScript

1. JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由 浏览器解释运行。 2. 是一种解释性脚本语言（代码不进行预编译） 2. JavaScript的组成 2.1 ...

c主线程如何等待子线程结束 linux_Python中的线程和进程

点击上方“Python技术之巅”，马上关注真爱，请置顶或星标1、怎么创建进程和...线程锁9、如何加锁和解锁10、io密集和计算密集11、协程：单线程+异步IO在脚本运行过程中有一个主线程，若在主线程中创建了子线程，当...

两个子线程不冲突_进程和线程

100-days项目，作者骆昊今天我们使用的计算机早已进入多CPU或多核时代，而我们使用的操作系统都是支持“多任务”的操作系统，这使得我们可以同时运行多个程序，也可以将一个程序分解为若干个相对独立的子任务，让多...

前端面试+学习笔记（HTML+CSS+JavaScript+ES6+Vue+NodeJs）

它在页面中所占的实际大小（宽高）是content+padding+border+margin之和。 盒模型有两种：标准盒模型（W3C盒模型）、IE盒模型。 两种盒模型的区别：标准盒模型内容大小就是content大小、而IE

JavaScript笔记

什么是JavaScript，有什么用？ JavaScript是运行在浏览器上的脚本语言。简称JS。 JavaScript程序不需要我们程序员手动编译...JavaScript是网景公司（NetScape）的 布兰登艾奇（JavaScript之父）开发的，最初叫做LiveScr

Javascript基础入门

这一个部分的内容基本上就是对于js的一些基础知识，做出了一个相应的汇总和说明，有的时候，基础的东西都是比较类似的，所以要学会如何很好的去区分它们。 1. 关于js 由来 能够具有交互性，能够包含更多活跃的...

廖雪峰JavaScript教程

JavaScript简介 JavaScript历史 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。 在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。 由于网景...

两个子线程不冲突_Python入门教程：Day13-进程和线程

Python入门教程：进程和线程今天我们使用的计算机早已进入多CPU或多核时代，而我们使用的操作系统都是支持“多任务”的操作系统，这使得我们可以同时运行多个程序，也可以将一个程序分解为若干个相对独立的子任务，...

前端小白学习路线及知识点汇总（三）-- JavaScript基础

ECMAScript：由ECMA国际进行标准化的一门编程语言，往往被称为JavaScript或Jscript，但实际是EMCAScript语言的实现和扩展，规定了JS的编程语法和基础核心知识 DOM—文档对象模型：通过DOM端口可以对页面上的各种元素...

JavaScript（1）

JavaScript基础 ...【注】所有的js代码在一个script标签中编写 属性： 1、type = ‘text/javascript’ 声明当前标签内写的文本格式（省略） 2、src = ‘demo.js’ 引入外部的.js文件 注意点： 1、可以

JavaScript工具函数（一）

JavaScript工具函数1.匹配正整数2.匹配负整数3.匹配整数4.匹配非负浮点数5.匹配由 26 个英文字母组成的字符串6.匹配由 26 个英文字母的大写组成的字符串7.匹配由 26 个英文字母的小写组成的字符串8.匹配电子邮件地址...

javaScript

JavaScript基础 ###　什么是JavaScript

JS所有内容总结（ECMAScript、DOM、BOM）

JS基础(ECMAscript) 了解编程语言 编程 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到結果的过程 计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握...

敏捷开发V1.0.pptx

敏捷开发PPT 敏捷开发以用户的需求进化为核心，采用迭代、循序渐进的方法进行软件开发。在敏捷开发中，软件项目在构建初期被切分成多个子项目，各个子项目的成果都经过测试，具备可视、可集成和可运行使用的特征。换言之，就是把一个大项目分为多个相互联系，但也可独立运行的小项目，并分别完成，在此过程中软件一直处于可使用状态。

Notepad++ 7.9.1

notepad++是一个免费的、开放源码的文本和源代码编辑器。notepad++是用c++编程语言编写的，它以减少不必要的功能和简化过程而自豪，从而创建了一个轻便高效的文本记事本程序。实际上，这意味着高速和易访问的、用户友好的界面。 notepad++已经存在了将近20年，没有任何迹象表明它的受欢迎程度会下降。记事本绝对证明了你不需要投资在昂贵的软件来编写代码从舒适的自己的家。自己尝试一下，你就会明白为什么Notepad能坚持这么久。

微信dat文件解析工具.zip

使用java编写的，可以将电脑端微信的dat加密文件转换为png、jpg等图片资源，方便直接查看微信聊天记录文件。

手把手做安卓应用开发

安豆是一个想学Android应用开发的小白，于是它找到自己的邻居－程序员大牛－熊哥帮忙。熊哥手把手带着安豆搭建程序的开发环境，实现应用的功能，美化应用界面，让安豆终于开发出了自己的第一个安卓应用－计算器。 学习的过程中，两个伙伴有问有答，学习的过程生动有趣。你一定不会睡着。 让从没有接触过安卓开发并且什么都不会的小白，变成一个能够开发出简单的计算器应用的菜鸟。 让小白对安卓开发有个整体的认识，初步形成安卓开发的概念，掌握安卓开发最最基础的知识。

相关热词 c#调用r c# 指定的div 获取 c# c++ 混合编程 c# 调用c++ 静态库 c# catch不写参数 c# 列自增加 c# 负数补码 c# 读取json c# 画图超出画布判断 c#在注册表下创建个文件