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 select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
Dec 19 Javascript
JavaScript 获得选中文本内容的方法
Feb 15 Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
AngularJS实践之使用NgModelController进行数据绑定
Oct 08 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
js验证账户名是否重复
May 26 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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 获取本机外网/公网IP的代码
2010/05/09 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
网页图片延时加载的js代码
2010/04/22 Javascript
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
JavaScript获得指定对象大小的方法
2015/07/01 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
Angular实现的简单定时器功能示例
2017/12/28 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
[07:09]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant 选手采访
2021/03/11 DOTA
python TCP Socket的粘包和分包的处理详解
2018/02/09 Python
Python中协程用法代码详解
2018/02/10 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
Python经纬度坐标转换为距离及角度的实现
2020/11/01 Python
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
领导视察欢迎词
2014/01/15 职场文书
信息技术教学反思
2014/02/12 职场文书
原材料检验岗位职责
2014/03/15 职场文书
设计专业毕业生求职信
2014/06/25 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
升国旗演讲稿
2014/09/05 职场文书
自查自纠整改报告
2014/11/06 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
保安辞职信范文
2015/02/28 职场文书
Win10 和 Win11可以共存吗? win10/11产品生命周期/服务更新介绍
2021/11/21 数码科技
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL