使两个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实现列出数组中最长的连续数
Dec 29 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
基于jquery animate操作css样式属性小结
Nov 27 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
Oct 13 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
Angularjs中的$apply及优化使用详解
Jul 02 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
js实现左右轮播图
Jan 09 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
PHP 高手之路(一)
2006/10/09 PHP
php curl 伪造IP来源的实例代码
2012/11/01 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
2010/12/02 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
2015/06/29 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
python逐行读取文件内容的三种方法
2014/01/20 Python
跟老齐学Python之编写类之三子类
2014/10/11 Python
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Python 多线程的实例详解
2017/09/07 Python
python树的同构学习笔记
2019/09/14 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
django使用graphql的实例
2020/09/02 Python
一套软件开发工程师笔试题
2015/05/18 面试题
应届大学生自荐书
2014/06/17 职场文书
学校安全工作汇报材料
2014/08/16 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
意向协议书
2015/01/27 职场文书
先进工作者个人总结
2015/02/15 职场文书
Java新手教程之ArrayList的基本使用
2021/06/20 Java/Android
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers