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的让页面控件不可用的实现代码
Apr 27 Javascript
Jquery之美中不足小结
Feb 16 Javascript
js实现的map方法示例代码
Jan 13 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
Apr 17 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 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
PHP网站备份程序代码分享
2011/06/10 PHP
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
JScript中的undefined和&quot;undefined&quot;的区别
2007/03/08 Javascript
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
学习ExtJS form布局
2009/10/08 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
javascript加减乘除的简单实例
2016/07/12 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
Python 正则表达式(转义问题)
2014/12/15 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
python3解析库BeautifulSoup4的安装配置与基本用法
2018/06/26 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
python多线程扫描端口(线程池)
2019/09/04 Python
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
UNIX文件名称有什么规定
2013/03/25 面试题
酒店经理职责
2014/01/30 职场文书
幼师自荐信范文
2015/03/06 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
2016年学校招生广告语
2016/01/28 职场文书
angular4实现带搜索的下拉框
2022/03/25 Javascript