iframe 自适应高度[在IE6 IE7 FF下测试通过]


Posted in Javascript onApril 13, 2009

第一种方法:

<script type="text/javascript" language="javascript"> 
<!-- 
//调整 PageContent 的高度 
function TuneHeight() { 
var frm = document.getElementById("content01"); 
var subWeb = document.frames ? document.frames["content01"].document : frm.contentDocument; 
if(frm != null && subWeb != null) { 
frm.height = subWeb.body.scrollHeight; 
} 
} 
//--> 
</script> <iframe id="content01" name="content01" frameBorder=0 scrolling=no src="main.html" width="100%"onLoad="TuneHeight()" ></iframe>

第二种方法:
js code:
//iframe自适应高度[在IE6 IE7下测试通过] 
function reSetIframe(){ 
var iframe = document.getElementById("iframeId"); 
try{ 
var bHeight = iframe.contentWindow.document.body.scrollHeight; 
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; 
var height = Math.max(bHeight, dHeight); 
iframe.height = height; 
}catch (ex){} 
}

html:
<iframe src="" id="weather" name="weather" width="278" onload="reSetIframe()" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" border="0" framespacing="0"> </iframe>
Javascript 相关文章推荐
javascript 当前日期转化为中文的实现代码
May 13 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
Aug 31 Javascript
JavaScript动态设置div的样式的方法
Dec 26 Javascript
jQuery事件对象总结
Oct 17 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
浅析java线程中断的办法
Jul 29 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 Javascript
JavaScript实现简单图片切换
Apr 29 Javascript
IE8 原生JSON支持
Apr 13 #Javascript
由document.body和document.documentElement想到的
Apr 13 #Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 #Javascript
javascript removeChild 使用注意事项
Apr 11 #Javascript
Firefox window.close()的使用注意事项
Apr 11 #Javascript
javascript html 静态页面传参数
Apr 10 #Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 #Javascript
You might like
PHP中对数据库操作的封装
2006/10/09 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
深入理解vue Render函数
2017/07/19 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
理解Python垃圾回收机制
2016/02/12 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
会计专业毕业生自我鉴定
2013/10/29 职场文书
大学毕业自我评价
2014/02/02 职场文书
开展批评与自我批评发言材料
2014/05/15 职场文书
环境整治工作方案
2014/05/18 职场文书
保密工作整改报告
2014/11/06 职场文书
优秀班组事迹材料
2014/12/24 职场文书
出生公证书
2015/01/23 职场文书
北京天坛导游词
2015/02/12 职场文书
就业意向书范本
2015/05/11 职场文书
2015团员个人年度总结
2015/11/24 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
mysql 生成连续日期及变量赋值
2022/03/20 MySQL
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫
Java实现贪吃蛇游戏的示例代码
2022/09/23 Java/Android