首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

使两个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用兼容好的，

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
Javascript条件判断使用小技巧总结
Sep 08 Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
理解JavaScript中的对象 推荐
Jan 09 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
Dec 19 Javascript
JS实现复选框的全选和批量删除功能
Apr 05 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
js 获取扫码枪输入数据的方法
Jun 10 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
http_stub_status_module(1) 连接查询(1) 缓存机制(1) 数据合并(1) element-ui(1) 复合索引(1) pongo2(1) BufferPool(1) 模板引擎(1) 逻辑函数(1)
You might like
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
php获取开始与结束日期之间所有日期的方法
2016/11/29 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
快速排序 php与javascript的不同之处
2011/02/22 Javascript
innerText和textContent对比及使用介绍
2013/02/27 Javascript
图片img的src不变让浏览器重新加载实现方法
2013/03/29 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
jQuery Real Person验证码插件防止表单自动提交
2015/11/06 Javascript
JS判断图片是否加载完成方法汇总(最新版)
2016/05/13 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
Python栈类实例分析
2015/06/15 Python
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
python 连接sqlite及简单操作
2017/06/30 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
Python zip()函数用法实例分析
2018/03/17 Python
实例详解Python模块decimal
2019/06/26 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
python pyg2plot的原理知识点总结
2021/02/28 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
美国珠宝店：Helzberg Diamonds
2018/10/24 全球购物
MATCHESFASHION澳大利亚/亚太地区：英国时尚奢侈品电商
2020/01/14 全球购物
大学生个人自我鉴定
2013/12/03 职场文书
平安工地汇报材料
2014/08/19 职场文书
小学生学习保证书
2015/02/26 职场文书
故意伤害辩护词
2015/05/21 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL