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 相关文章推荐
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
Javascript基础教程之定义和调用函数
Jan 18 Javascript
详解Node.js:events事件模块
Nov 24 Javascript
微信小程序 点击控件后选中其它反选实例详解
Feb 21 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
Vue页面骨架屏的实现方法
May 22 Javascript
详解react内联样式使用webpack将px转rem
Sep 13 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
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
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
ie focus bug 解决方法
2009/09/03 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
javascript动态创建链接的方法
2015/05/13 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
详解JavaScript中的属性和特性
2016/12/08 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
跟老齐学Python之做一个小游戏
2014/09/28 Python
Python基于DES算法加密解密实例
2015/06/03 Python
Python的time模块中的常用方法整理
2015/06/18 Python
Python六大开源框架对比
2015/10/19 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
python 全文检索引擎详解
2017/04/25 Python
python基础教程项目三之万能的XML
2018/04/02 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
Python使用ElementTree美化XML格式的操作
2020/03/06 Python
如何真正的了解python装饰器
2020/08/14 Python
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
上海某公司.net方向笔试题
2014/09/14 面试题
能源工程专业应届生求职信
2014/03/01 职场文书
如何写通讯稿
2015/07/22 职场文书
AJAX学习笔记
2021/05/18 Javascript