使两个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在一段文字中的光标处插入其他文字
Aug 26 Javascript
javascript fullscreen全屏实现代码
Apr 09 Javascript
javascript 禁止复制网页
Jun 11 Javascript
jquery插件 cluetip 关键词注释
Jan 12 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
Nov 24 Javascript
Ionic快速安装教程
Jun 03 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 Vue.js
javascript实现数字时钟效果
Feb 06 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
Terran魔法科技
2020/03/14 星际争霸
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
获取URL文件名后缀
2013/10/24 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
javascript this详细介绍
2016/09/19 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
Python运算符重载用法实例分析
2015/06/01 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
python3爬取数据至mysql的方法
2018/06/26 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
纯CSS3实现自定义Tooltip边框涂鸦风格的教程
2014/11/05 HTML / CSS
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
交通法规咨询中心工作职责
2013/11/27 职场文书
开会迟到检讨书
2014/02/03 职场文书
国培教师自我鉴定
2014/02/12 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
小学教师年度个人总结
2015/02/05 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
一文搞懂PHP中的抽象类和接口
2022/05/25 PHP