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实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
ie 调试javascript的工具
Apr 29 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
js onload事件不起作用示例分析
Oct 09 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
JS面向对象编程详解
Mar 06 Javascript
Angularjs实现搜索关键字高亮显示效果
Jan 17 Javascript
Vue.js学习示例分享
Feb 05 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
prototype.js简单实现ajax功能示例
Oct 18 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 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
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
php curl抓取网页的介绍和推广及使用CURL抓取淘宝页面集成方法
2015/11/30 PHP
PHP的PDO连接讲解
2019/01/24 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
php实现的简单多进程服务器类完整示例
2020/02/01 PHP
Javascript - HTML的request类
2007/01/09 Javascript
Js 本页面传值实现代码
2009/05/17 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
js页面跳转常用的几种方式
2010/11/25 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
React Native之TextInput组件解析示例
2017/08/22 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
layui 表格的属性的显示转换方法
2018/08/14 Javascript
利用angular自动编译andriod APK的绕坑经历分享
2019/03/08 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
使用PYTHON创建XML文档
2012/03/01 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
python实现俄罗斯方块
2018/06/26 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
将自己的数据集制作成TFRecord格式教程
2020/02/17 Python
基于python实现模拟数据结构模型
2020/06/12 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
项目专员岗位职责
2013/12/04 职场文书
行政人员工作职责
2013/12/05 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技