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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
使用node.js 获取客户端信息代码分享
Nov 26 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
IScroll5实现下拉刷新上拉加载的功能实例
Aug 11 Javascript
angularJs 表格添加删除修改查询方法
Feb 27 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
vuex vue简单使用知识点总结
Aug 29 Javascript
vue中的mescroll搜索运用及各种填坑处理
Oct 30 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
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
thinkphp模板继承实例简述
2014/11/26 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
JavaScript中的Location地址对象
2008/01/16 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
2013/04/02 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
2016/05/05 Javascript
AngularJS $injector 依赖注入详解
2016/09/14 Javascript
自己封装的一个原生JS拖动方法(推荐)
2016/11/22 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
VueJS 组件参数名命名与组件属性转化问题
2018/12/03 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
2019/03/26 Javascript
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
Django返回json数据用法示例
2016/09/18 Python
关于numpy中np.nonzero()函数用法的详解
2017/02/07 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
对python tkinter窗口弹出置顶的方法详解
2019/06/14 Python
python异步实现定时任务和周期任务的方法
2019/06/29 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
研究生自我鉴定范文
2013/10/30 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
参赛口号
2014/06/16 职场文书
电子专业自荐信
2014/07/01 职场文书
感恩节寄语2015
2015/03/24 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
Python序列化与反序列化相关知识总结
2021/06/08 Python