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 相关文章推荐
固定背景实现的背景滚动特效示例分享
May 19 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
vant自定义二级菜单操作
Nov 02 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 foreach 使用&amp;(与运算符)引用赋值要注意的问题
2010/02/16 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
php 数组随机取值的简单实例
2016/05/23 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
js切换光标示例代码
2013/10/10 Javascript
iframe里使用JavaScript控制主页转向的方法
2015/04/03 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
vue2中filter()的实现代码
2017/07/09 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING
2014/05/22 DOTA
跟老齐学Python之Python文档
2014/10/10 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
比驿:全球酒店比价网
2018/06/20 全球购物
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
世界上最好的足球商店:Unisport
2019/03/02 全球购物
一名女生的自荐信
2013/12/08 职场文书
质量主管工作职责
2014/09/26 职场文书
整改报告怎么写
2014/11/06 职场文书
安全先进班组材料
2014/12/26 职场文书
湘江北去观后感
2015/06/15 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
python实现简单的名片管理系统
2021/04/26 Python