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随机排序(随即出牌)
Sep 17 Javascript
javascript判断office版本示例
Apr 11 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
微信小程序页面间通信的5种方式
Mar 31 Javascript
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
浅谈react前后端同构渲染
Sep 20 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
js判断节假日实例代码
Dec 27 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
15个小时----从修改程序到自己些程序
2006/10/09 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
python中Genarator函数用法分析
2015/04/08 Python
python任务调度实例分析
2015/05/19 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python 切换root 执行命令的方法
2019/01/19 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
python如何调用java类
2020/07/05 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
html5+css3之动画在webapp中的应用
2014/11/21 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
土木工程师岗位职责
2013/11/24 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL
Go web入门Go pongo2模板引擎
2022/05/20 Golang