javascirpt实现2个iframe之间传值的方法


Posted in Javascript onJune 30, 2016

本文实例讲述了javascirpt实现2个iframe之间传值的方法。分享给大家供大家参考,具体如下:

index.htm

<body>
 <table border="1" width="100%">
 <tr>
  <td width="100%"><iframe src="iframe1.htm" name="aa"></iframe></td>
 </tr>
 <tr>
  <td width="100%"><iframe src="iframe2.htm" name="bb"></iframe></td>
 </tr>
 </table>
</body>

iframe1.htm

<html>
<title>1</title>
<head>
 <script type="text/JavaScript">
 <!--
 function aa(){
 parent.frames["bb"].document.all["TextBox3"].value = document.getElementById("TextBox1").value;
 parent.frames["bb"].document.all["TextBox4"].value = document.getElementById("TextBox2").value;
 alert(parent.frames["bb"].document.all["TextBox3"].value);
 alert(parent.frames["bb"].document.all["TextBox4"].value);
 }
// --></script>
</head>
 <body>
 <form id="a">
 <input id="TextBox1" type="text" id="TextBox1" value="1"/>
 <input id="TextBox2" type="text" id="TextBox2" value="2"/>
 <input id="T" type="button" value="3333333" onclick="aa();"/>
 </form>
 </body>
</html>

iframe2.htm

<html>
<title>2</title>
<head></head>
 <body>
 <form id="b">
 <input id="TextBox3" type="text" id="TextBox1" value="1231111"/>
 <input id="TextBox4" type="text" id="TextBox2" value="123"/>
 </form>
 </body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery 元素相对定位代码
Oct 15 Javascript
在表单提交前进行验证的几种方式整理
Jul 31 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
vue选项卡切换登录方式小案例
Sep 27 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 Javascript
详解vue路由
Aug 05 Javascript
js实现带有动画的返回顶部
Aug 09 Javascript
老生常谈 js中this的指向
Jun 30 #Javascript
JS使用cookie设置样式的方法
Jun 30 #Javascript
浅谈js和css内联外联注意事项
Jun 30 #Javascript
js传值后台中文出现乱码的解决方法
Jun 30 #Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 #Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 #Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 #Javascript
You might like
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
在Windows8上的搭建Python和Django环境
2014/07/03 Python
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
详解使用python的logging模块在stdout输出的两种方法
2017/05/17 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
http请求 request失败自动重新尝试代码示例
2018/01/25 Python
使用Eclipse如何开发python脚本
2018/04/11 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
python利用opencv实现SIFT特征提取与匹配
2020/03/05 Python
matplotlib 生成的图像中无法显示中文字符的解决方法
2020/06/10 Python
css3.0 图形构成实例练习二
2013/03/19 HTML / CSS
公司活动邀请函
2014/01/24 职场文书
正风肃纪剖析材料
2014/02/18 职场文书
要账委托书范本
2014/09/15 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP