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 相关文章推荐
javascript 防止刷新,后退,关闭
Aug 07 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
jquery 正整数数字校验正则表达式
Jan 10 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
微信小程序排坑指南详解
May 23 Javascript
JS原生带缩略图的图片切换效果
Oct 10 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
微信小程序自定义组件
2017/08/16 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
Python 操作文件的基本方法总结
2017/08/10 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
关于Keras Dense层整理
2020/05/21 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
捷克玩具商店:Bambule
2019/02/23 全球购物
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
估算杭州有多少软件工程师
2015/08/11 面试题
物流管理毕业生自荐信范文
2014/03/15 职场文书
中国好声音广告词
2014/03/18 职场文书
新品发布会主持词
2014/04/02 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
杨善洲电影观后感
2015/06/04 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书