使两个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 相关文章推荐
javascript 函数参数限制说明
Nov 19 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
JavaScript检测实例属性, 原型属性
Feb 04 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
jQuery中Datatables增加跳转到指定页功能
Feb 08 Javascript
微信小程序 仿猫眼实现实例代码
Mar 14 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
Node.js操作MongoDB数据库实例分析
Jan 19 Javascript
vue中activated的用法
Jan 03 Vue.js
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
PHP分页显示制作详细讲解
2006/12/05 PHP
PHP+JS+rsa数据加密传输实现代码
2011/03/23 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
使用JavaScript的AngularJS库编写hello world的方法
2015/06/23 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python删除文件示例分享
2014/01/28 Python
Python中的魔法方法深入理解
2014/07/09 Python
Python fileinput模块使用介绍
2014/11/30 Python
Python解析nginx日志文件
2015/05/11 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
Python程序慢的重要原因
2020/09/04 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
环境科学专业个人求职信
2013/09/26 职场文书
企业为何需要商业计划书
2013/12/26 职场文书
红色旅游心得体会
2014/09/03 职场文书
白鹤梁导游词
2015/02/06 职场文书
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫