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 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
javascript实现上传图片前的预览(TX的面试题)
Aug 20 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
jQuery简单自定义图片轮播插件及用法示例
Nov 21 Javascript
bootstrap网格系统使用方法解析
Jan 13 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
Jul 13 Javascript
js实现点击按钮复制文本功能
Jul 20 Javascript
JS实现页面侧边栏效果探究
Jan 08 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
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
Window下PHP三种运行方式图文详解
2013/06/11 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
浅析JavaScript中的类型和对象
2013/11/29 Javascript
基于socket.io和node.js搭建即时通信系统
2014/07/30 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
vue 自定义全局方法,在组件里面的使用介绍
2018/02/28 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
python实现Excel文件转换为TXT文件
2019/04/28 Python
Python sys模块常用方法解析
2020/02/20 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
加热夹克:RAVEAN
2018/10/19 全球购物
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
电子商务应届生自我鉴定
2014/01/13 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
小学毕业感言200字
2015/07/30 职场文书
2016大学先进团支部事迹材料
2016/03/01 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
MySQL快速插入一亿测试数据
2021/06/23 MySQL