天叶部落

一个80后生人的闷骚生活

2009-6-8 by 叶梓iframe自适应高度

代码<iframe id="frame_content" width="100%" src="xxx.html" scrolling="no" frameborder="0" onload="this.height=1549"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame_content");
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){}
}
window.setInterval("reinitIframe()", 200);
</script>


如果只考虑FX和IE,并且,iframe里面内容也不进行DOM操作,那仍然可以用最简单的传统处理方式:

代码<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>


From http://ued.koubei.com/ By 大米

点击这里获取该日志的TrackBack引用地址

« 前端开发常用工具软件简单解读面包屑 »

相关文章:

Tags: javascript  
分类:Javascript | 评论:0 | 引用:0 | 浏览:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。发表评论

*

*

正文

(*留言最长字数:1000)

Copyright © 2008-2009 www.HeavenFoliage.cn, All rights reserved

Powered By Z-Blog 1.8 Spirit Build 80605  沪ICP备08021113号