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代码
Sep 02 Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 Javascript
jQuery div层的放大与缩小简单实现代码
Mar 28 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
May 07 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 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
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
mysql总结之explain
2012/02/27 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
2020/02/06 Javascript
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
python使用chardet判断字符串编码的方法
2015/03/13 Python
python实现机器人行走效果
2018/01/29 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
详解python3 + Scrapy爬虫学习之创建项目
2019/04/12 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
Python如何将图像音视频等资源文件隐藏在代码中(小技巧)
2020/02/16 Python
详解Python中第三方库Faker
2020/09/25 Python
python中类与对象之间的关系详解
2020/12/16 Python
台湾生鲜宅配:大口市集
2017/10/14 全球购物
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
酒吧创业计划书
2014/01/18 职场文书
商场总经理岗位职责
2014/02/03 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
集体婚礼策划方案
2014/02/22 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
学习十八大的心得体会
2014/09/12 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
初中毕业生自我评价
2015/03/02 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
Python sklearn分类决策树方法详解
2022/09/23 Python