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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
jquery 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
js左侧三级菜单导航实例代码
Sep 13 Javascript
js 用CreateElement动态创建标签示例
Nov 20 Javascript
javascript遍历控件实例详细解析
Jan 10 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
javascript下拉列表菜单的实现方法
Nov 18 Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
工作中常用js功能汇总
Nov 07 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/02 日漫
php中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
2011/05/04 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
php画图实例
2014/11/05 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
javascript getElementsByTagName
2011/01/31 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
vue路由跳转传参数的方法
2019/05/06 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
[03:04]DOTA2超级联赛专访ZSMJ “莫名其妙”的逆袭
2013/05/23 DOTA
[01:52]深扒TI7聊天轮盘语音出处7
2017/05/11 DOTA
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
python 模块导入问题汇总
2021/02/01 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
前端实现背景虚化但内容清晰且自适应 的实例代码
2019/08/01 HTML / CSS
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
物流合作计划书
2014/01/10 职场文书
股东协议书
2014/04/14 职场文书
保管员岗位职责
2015/02/14 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
用Python实现屏幕截图详解
2022/01/22 Python