首页
所有分类
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的函数作用域
Nov 12 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
Jun 17 Javascript
jQuery图片渐变特效的简单实现
Jun 25 Javascript
浅谈js函数的多种定义方法与区别
Nov 29 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
Vue精简版风格指南（推荐）
Jan 30 Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 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
cudn(1) callback(1) OpenFeign(1) Git(3) swing(1) RTX 3050 ti(1) 字符画(1) webpack(1) cudnn(1) 热力图(1)
You might like
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
php URL编码解码函数代码
2009/03/10 PHP
Use Word to Search for Files
2007/06/15 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
JS实现距离上次刷新已过多少秒示例
2014/05/23 Javascript
jQuery选择器源码解读（三）：tokenize方法
2015/03/31 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
Vue使用axios引起的后台session不同操作
2020/08/14 Javascript
[02:18]《我与DAC》之工作人员：为了热爱DOTA2的玩家们
2018/03/28 DOTA
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
Python3.5常见内置方法参数用法实例详解
2019/04/29 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
CSS3中使用RGBa来调节透明度的教程
2016/05/09 HTML / CSS
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
台湾全方位线上课程与职能学习平台：TibaMe
2019/12/04 全球购物
高级文秘工作总结的自我评价
2013/09/28 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
《最后的姿势》教学反思
2014/02/27 职场文书
投资合作协议书范本
2014/04/17 职场文书
教师业务培训方案
2014/05/01 职场文书
离婚财产处理协议书
2014/09/30 职场文书
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏