使两个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 相关文章推荐
jQuery中noconflict函数的实现原理分解
Feb 03 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
javascript性能优化之事件委托实例详解
Dec 12 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
js移动端事件基础及常用事件库详解
Aug 15 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
JavaScript解析机制与闭包原理实例详解
Mar 08 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 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
火车头采集器3.0采集图文教程
2007/03/17 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
Jquery之美中不足小结
2011/02/16 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
JS实现左右无缝轮播图代码
2016/05/01 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
javascript实现数据双向绑定的三种方式小结
2017/03/09 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
微信小程序生成海报分享朋友圈的实现方法
2019/05/06 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
Python的面向对象编程方式学习笔记
2016/07/12 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
单链表反转python实现代码示例
2018/02/08 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
python实现蒙特卡罗方法教程
2019/01/28 Python
python实现数字炸弹游戏
2020/07/17 Python
Python如何实现机器人聊天
2020/09/10 Python
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
网络研修随笔感言
2014/02/17 职场文书
教师群众路线心得体会
2014/11/04 职场文书
售后服务承诺函格式
2015/01/21 职场文书
资料员岗位职责范本
2015/04/13 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
2019年世界儿童日宣传标语
2019/11/22 职场文书
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers