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 页面载入进度条实现代码
Feb 08 Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
JavaScript给url网址进行encode编码的方法
Mar 18 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
jquery模拟实现鼠标指针停止运动事件
Jan 12 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
Vue动态面包屑功能的实现方法
Jul 01 Javascript
koa中间件核心(koa-compose)源码解读分析
Jun 15 Javascript
JavaScript中reduce()的用法
May 11 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
压力如何影响浓缩咖啡品质
2021/03/03 咖啡文化
PHP PDO函数库详解
2010/04/27 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
php调用云片网接口发送短信的实现方法
2017/10/25 PHP
学习ExtJS Column布局
2009/10/08 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
JS控制网页动态生成任意行列数表格的方法
2015/03/09 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
Python的高级Git库 Gittle
2014/09/22 Python
为什么Python中没有&quot;a++&quot;这种写法
2018/11/27 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
Python创建数字列表的示例
2019/11/28 Python
Python 实现数组相减示例
2019/12/27 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
python如何保存文本文件
2020/06/07 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
美国在线咖啡、茶和餐厅供应商:LollicupStore
2018/05/04 全球购物
PHP笔试题
2012/02/22 面试题
求职信的最佳写作思路
2014/02/01 职场文书
打架检讨书300字
2014/02/02 职场文书
2014年秋季新学期寄语
2014/08/02 职场文书
员工工作心得体会
2019/05/07 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android