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 相关文章推荐
JS 强制设为首页的代码
Jan 31 Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
情人节之礼 js项链效果
Feb 13 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
JQuery勾选指定name的复选框集合并显示的方法
May 18 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
微信小程序下拉刷新界面的实现
Sep 28 Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
javascript防抖函数debounce详解
Jun 11 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
php自定义apk安装包实例
2014/10/20 PHP
php三元运算符知识汇总
2015/07/02 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
jQuery表格列宽可拖拽改变且兼容firfox
2014/09/03 Javascript
JavaScript实现继承的4种方法总结
2014/10/16 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
jQuery插件实现多级联动菜单效果
2015/12/01 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
Swift中的协议(protocol)学习教程
2016/07/08 Python
Python实现PS图像明亮度调整效果示例
2018/01/23 Python
通过Pandas读取大文件的实例
2018/06/07 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
基于python实现名片管理系统
2018/11/30 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
利用PyCharm操作Github(仓库新建、更新,代码回滚)
2019/12/18 Python
jupyter notebook实现显示行号
2020/04/13 Python
如何一键升级Python所有包
2020/11/05 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
CSS3 please 跨浏览器的CSS3产生器
2010/03/14 HTML / CSS
城市规划毕业生求职信
2013/10/10 职场文书
高二历史教学反思
2014/01/25 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
高二英语教学反思
2016/03/03 职场文书
2019销售早会主持词
2019/06/27 职场文书
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android