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入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
Mar 03 Javascript
javascript框架设计之框架分类及主要功能
Jun 23 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
js本地图片预览实现代码
Oct 09 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
在VUE style中使用data中的变量的方法
Jun 19 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 selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
php计算一个文件大小的方法
2015/03/30 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
优化WordPress中文章与评论的时间显示
2016/01/12 PHP
PHPStorm+XDebug进行调试图文教程
2016/06/13 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
php事件驱动化设计详解
2016/11/10 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
基于jquery的页面划词搜索JS
2010/09/14 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
2014/01/09 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
2016/12/02 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
vue实现重置表单信息为空的方法
2018/09/29 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
对python Tkinter Text的用法详解
2018/10/11 Python
python3检查字典传入函数键是否齐全的实例
2020/06/05 Python
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
数控专业大学生的自我鉴定
2013/11/13 职场文书
党课学习思想汇报
2014/01/02 职场文书
部门年终奖分配方案
2014/05/07 职场文书
终止劳动合同协议书
2014/10/05 职场文书
个人优缺点总结
2015/02/28 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android