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 简单应用示例总结
Aug 09 Javascript
js保留小数点后几位的写法
Jan 03 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
js读取json的两种常用方法示例介绍
Oct 19 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
BootStrap select2 动态改变值的方法
Feb 10 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
详解在Vue中有条件地使用CSS类
Sep 30 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
javascript实现简易的计算器
Jan 17 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
如何过滤高亮显示非法字符
2006/10/09 PHP
用ODBC的分页显示
2006/10/09 PHP
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
无需数据库在线投票调查php代码
2016/07/20 PHP
PHP类型约束用法示例
2016/09/28 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
pytorch数据预处理错误的解决
2020/02/20 Python
python属于解释语言吗
2020/06/11 Python
为什么python比较流行
2020/06/19 Python
Python连接Impala实现步骤解析
2020/08/04 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
美国球鞋寄卖网站:Stadium Goods
2018/05/09 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
廉政教育的心得体会
2014/09/01 职场文书
个人自查自纠材料
2014/10/14 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
nginx反向代理时如何保持长连接
2021/03/31 Servers
能让Python提速超40倍的神器Cython详解
2021/06/24 Python
Java对文件的读写操作方法
2022/04/29 Java/Android