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的插件教程(Plugin)
Sep 03 Javascript
JavaScript中的this关键字介绍与使用实例
Jun 21 Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
JavaScript中的原型继承基础学习教程
May 06 Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
vue监听滚动事件的方法
Dec 21 Vue.js
js实现验证码干扰(动态)
Feb 23 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
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
PHP iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
Angular单元测试之事件触发的实现
2020/01/20 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
python脚本第一行如何写
2020/08/30 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
工作表扬信的范文
2014/01/10 职场文书
高中英语教学反思
2014/02/04 职场文书
爱耳日活动总结
2014/04/30 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
家长对孩子的寄语
2015/02/26 职场文书
2015年秋季新学期寄语
2015/03/25 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书