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 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
Jquery提交表单 Form.js官方插件介绍
Mar 01 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
node.js入门学习之url模块
Feb 25 Javascript
详解webpack+ES6+Sass搭建多页面应用
Nov 05 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
Apr 25 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
Protoss热键控制
2020/03/14 星际争霸
php实现上传图片生成缩略图示例
2014/04/13 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
JS 遮照层实现代码
2010/03/31 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
2014/03/28 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
微信小程序 window_x64环境搭建
2016/09/30 Javascript
微信小程序开发(一) 微信登录流程详解
2017/01/11 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
Vue实现todo应用的示例
2021/02/20 Vue.js
Python的SQLAlchemy框架使用入门
2015/04/29 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Puppeteer使用示例详解
2019/06/20 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
解决Django Haystack全文检索为空的问题
2020/05/19 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
python+opencv实现车道线检测
2021/02/19 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
海外淘书首选:AbeBooks
2017/07/31 全球购物
春节晚会主持词
2014/03/24 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
小学班主任研修日志
2015/11/13 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
Spring中的@Transactional的工作原理
2022/06/05 Java/Android
MySQL添加索引特点及优化问题
2022/07/23 MySQL