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 相关文章推荐
关于jquery中全局函数each使用介绍
Dec 10 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
Feb 06 Javascript
vue debug 二种方法
Sep 16 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
代码实例ajax实现点击加载更多数据图片
Oct 12 Javascript
Vue渲染过程浅析
Mar 14 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
Webpack3+React16代码分割的实现
Mar 03 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
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
Laravel框架路由配置总结、设置技巧大全
2014/09/03 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
2020/02/23 Javascript
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
Python Mysql数据库操作 Perl操作Mysql数据库
2009/01/12 Python
Python3使用requests包抓取并保存网页源码的方法
2016/03/15 Python
shelve  用来持久化任意的Python对象实例代码
2016/10/12 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
python生成随机红包的实例写法
2019/09/02 Python
阿里云:Aliyun.com
2017/02/15 全球购物
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
大学生预备党员自我评价分享
2013/11/16 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
作弊检讨书1000字
2014/02/01 职场文书
见义勇为事迹材料
2014/12/24 职场文书
小班教师个人总结
2015/02/05 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
唱歌比赛拉拉队口号
2015/12/25 职场文书