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 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 Javascript
Extjs学习笔记之七 布局
Jan 08 Javascript
js 复制或插入Html的实现方法小结
May 19 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
Bootstrap 布局组件(全)
Jul 18 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
vscode下的vue文件格式化问题
Nov 28 Javascript
JavaScript将数组转换为链表的方法
Feb 16 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
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
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
laravel请求参数校验方法
2019/10/10 PHP
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
jquery与js函数冲突的两种解决方法
2013/09/09 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
2017/08/01 jQuery
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
vue axios整合使用全攻略
2018/05/24 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python中的filter()函数的用法
2015/04/27 Python
python django事务transaction源码分析详解
2017/03/17 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
python自动发邮件总结及实例说明【推荐】
2019/05/31 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
简述DNS进行域名解析的过程
2013/12/02 面试题
精彩的推荐信范文
2013/11/26 职场文书
销售经理竞聘书
2014/03/31 职场文书
试用期解除劳动合同通知书
2015/04/16 职场文书
2015年药店工作总结
2015/04/20 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书