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 相关文章推荐
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
Jul 29 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
详解JS数值Number类型
Feb 07 Javascript
js实现简单进度条效果
Mar 25 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 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
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
简单谈谈favicon
2015/06/10 PHP
php实现的简单数据库操作Model类
2016/11/16 PHP
PHP正则表达式匹配替换与分割功能实例浅析
2017/02/04 PHP
零基础php编程好学吗
2019/10/11 PHP
node.js chat程序如何实现Ajax long-polling长链接刷新模式
2012/03/13 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
微信小程序实战之自定义模态弹窗(8)
2017/04/18 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
python list排序的两种方法及实例讲解
2017/03/20 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
Python查找两个有序列表中位数的方法【基于归并算法】
2018/04/20 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
Python with语句用法原理详解
2020/07/03 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
应届生幼儿园求职信
2013/11/12 职场文书
慰问信格式
2015/02/14 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
小学大队委竞选口号
2015/12/25 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
Redis6.0搭建集群Redis-cluster的方法
2021/05/08 Redis
详解Python中__new__方法的作用
2022/03/31 Python
SQL试题 使用窗口函数选出连续3天登录的用户
2022/04/24 Oracle