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 EasyUI API 中文文档 - ComboGrid 组合表格
Oct 13 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
JS+canvas五子棋人机对战实现步骤详解
Jun 04 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
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
在windows服务器开启php的gd库phpinfo中未发现
2013/01/13 PHP
在PHP中设置、使用、删除Cookie的解决方法
2013/05/06 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
JS实现的表格行鼠标点击高亮效果代码
2015/11/27 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
2016/01/14 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
JS实现物体带缓冲的间歇运动效果示例
2016/12/22 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
2019/08/20 Javascript
vue按需加载实例详解
2019/09/06 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
python格式化字符串实例总结
2014/09/28 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
Python2包含中文报错的解决方法
2018/07/09 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
python验证身份证信息实例代码
2019/05/06 Python
python ffmpeg任意提取视频帧的方法
2020/02/21 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
LUISAVIAROMA中国官网:时尚奢侈品牌购物网站
2020/11/01 全球购物
写求职信要注意什么问题
2014/04/12 职场文书
企业安全生产检查制度
2015/08/06 职场文书
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android