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 相关文章推荐
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
JavaScript实现学生在线做题计时器功能
Dec 05 Javascript
BootStrap前端框架使用方法详解
Feb 26 Javascript
three.js 如何制作魔方
Jul 31 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
用mysql_fetch_array()获取当前行数据的方法详解
2013/06/05 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
javascript用rem来做响应式开发
2018/01/13 Javascript
20个最常见的jQuery面试问题及答案
2018/05/23 jQuery
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Python实现单词翻译功能
2017/06/06 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
python里 super类的工作原理详解
2019/06/19 Python
Python 3.8 新功能全解
2019/07/25 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
电台编导求职信
2014/05/06 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
电影雷锋观后感
2015/06/10 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis
聊一聊python常用的编程模块
2021/05/14 Python