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 相关文章推荐
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
如何使用headjs来管理和异步加载js
Nov 29 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
jQuery length 和 size()区别总结
Apr 26 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
详解小程序如何动态绑定点击的执行方法
Nov 26 Javascript
Vue详细的入门笔记
May 10 Vue.js
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使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
PHP生成指定随机字符串的简单实现方法
2015/04/01 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
2011/09/09 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
2013/09/22 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
js获取上传文件的绝对路径实现方法
2016/08/02 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
Nodejs对postgresql基本操作的封装方法
2019/02/20 NodeJs
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
angular组件间传值测试的方法详解
2020/05/07 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
python连接oracle数据库实例
2014/10/17 Python
对Python中range()函数和list的比较
2018/04/19 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
Python生成器传参数及返回值原理解析
2020/07/22 Python
用Python写一个for循环的例子
2016/07/19 面试题
物流仓管员岗位职责
2013/12/04 职场文书
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
英语教师求职信
2014/06/16 职场文书
中文专业自荐书
2014/06/29 职场文书
2014法院干警廉洁警示教育思想汇报
2014/09/13 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
导游词之昭君岛
2020/01/17 职场文书
pt-archiver 主键自增
2022/04/26 MySQL