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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
javascript实现设置、获取和删除Cookie的方法
Jun 01 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
Vue.js快速入门教程
Sep 07 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
JavaScript判断浏览器运行环境的详细方法
Jun 30 Javascript
vue 获取及修改store.js里的公共变量实例
Nov 06 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
JavaScript控制台的更多功能
Apr 28 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
PHP实现网上点歌(二)
2006/10/09 PHP
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
PHP信号量基本用法实例详解
2016/02/12 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
Javascript 对象的解释
2008/11/24 Javascript
jQuery 对象中的类数组操作
2009/04/27 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Python中统计函数运行耗时的方法
2015/05/05 Python
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python实现excel读写数据
2021/03/02 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
如何将你的应用迁移到Python3的三个步骤
2019/12/22 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
一套软件开发工程师笔试题
2015/05/18 面试题
技术总监的工作职责
2013/11/13 职场文书
锦旗标语大全
2014/06/23 职场文书
九一八事变演讲稿
2014/09/05 职场文书
北京英文导游词
2015/02/12 职场文书
《花钟》教学反思
2016/02/17 职场文书