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 相关文章推荐
extjs grid取到数据而不显示的解决
Dec 29 Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
Feb 26 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
理解javascript中的闭包
Jan 11 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 Javascript
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
老生常谈 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
PHP4实际应用经验篇(3)
2006/10/09 PHP
php自动获取目录下的模板的代码
2010/08/08 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
为你总结一些php信息函数
2015/10/21 PHP
PHP加密3DES报错 Call to undefined function: mcrypt_module_open() 如何解决
2016/04/17 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
php微信公众号开发之简答题
2018/10/20 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
详解用vue.js和laravel实现微信授权登陆
2017/06/23 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
vue中简单弹框dialog的实现方法
2018/02/26 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
js动态获取时间的方法分析
2019/08/02 Javascript
vue开发拖拽进度条滑动组件
2019/09/21 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
Python数据结构之哈夫曼树定义与使用方法示例
2018/04/22 Python
pandas 空数据处理方法详解
2019/11/02 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
网吧收银员岗位职责
2013/12/14 职场文书
大学新生军训自我鉴定范文
2014/09/13 职场文书
2014年防汛工作总结
2014/12/08 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书
Nginx反向代理、重定向
2022/04/13 Servers