使两个iframe的高度与内容自适应,且相等


Posted in Javascript onNovember 20, 2006

<div class="TxtBox">
<iframe frameborder="0" scrolling="no" name="news1"  id="news1" onload="if(document.frames['news1'].document.body.scrollHeight>document.frames['news2'].document.body.scrollHeight) document.all.news1.height=document.frames['news1'].document.body.scrollHeight;if(document.frames['news1'].document.body.scrollHeight<=document.frames['news2'].document.body.scrollHeight) document.all.news1.height=document.frames['news2'].document.body.scrollHeight;" src="https://3water.com" width="100%"></iframe>
</div>

<div class="TxtBox">

<iframe frameborder="0" scrolling="no" name="news2" id="news2" onload="if(document.frames['news1'].document.body.scrollHeight>document.frames['news2'].document.body.scrollHeight) document.all.news2.height=document.frames['news1'].document.body.scrollHeight;if(document.frames['news1'].document.body.scrollHeight<=document.frames['news2'].document.body.scrollHeight) document.all.news2.height=document.frames['news2'].document.body.scrollHeight;" src="https://3water.com/index_1.htm" width="100%"></iframe>

</div>
3water提醒啊,多浏览期兼容需要注意些地方,不要用document.all用兼容好的,

Javascript 相关文章推荐
关于html+ashx开发中几个问题的解决方法
Jul 18 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
AngularJS基础 ng-selected 指令简单示例
Aug 03 Javascript
bootstrapvalidator之API学习教程
Jun 29 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
arguments对象
Nov 20 #Javascript
重定向实现代码
Nov 20 #Javascript
用js得到网页中所有的div的id
Oct 19 #Javascript
用javascript连接access数据库的方法
Nov 17 #Javascript
JavaScript的Function详细
Nov 14 #Javascript
取得父标签
Nov 14 #Javascript
多广告投放代码 推荐
Nov 13 #Javascript
You might like
当年上海收录机产品生产,进口和价格情况
2021/03/04 无线电
CodeIgniter模板引擎使用实例
2014/07/15 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
php+mysql实现无限分类实例详解
2015/01/15 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
vue 组件中slot插口的具体用法
2018/04/03 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
Python中的元类编程入门指引
2015/04/15 Python
Python中encode()方法的使用简介
2015/05/18 Python
Python 3.x 新特性及10大变化
2015/06/12 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
浅谈matplotlib中FigureCanvasXAgg的用法
2020/06/16 Python
python图片合成的示例
2020/11/09 Python
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
中介公司区域经理岗位职责范本
2014/03/02 职场文书
护士节策划方案
2014/05/19 职场文书
小学生表扬稿范文
2015/05/05 职场文书
同意报考公务员证明
2015/06/17 职场文书