码迷,mamicode.com
首页 > 其他好文 > 详细

兼容firefox的iframe高度自适应代码

时间:2015-08-11 13:36:30      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:

网上关于iframe高度自适应的代码有很多,但比较杂乱,本文根据实用性整理了以下代码:

JavaScript部分:

折叠JavaScript Code复制内容到剪贴板

<script type="text/javascript"> 
function SetCwinHeight(iframeObj){ 
if (document.getElementById){ 
if (iframeObj){ 
if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){ 
iframeObj.height = iframeObj.contentDocument.body.offsetHeight; 
} else if (document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){ iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;   
} 
} 
} 
} 
</script> 

  


html部分:

折叠XML/HTML Code复制内容到剪贴板

<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe> 

  


标记*号的地方填入iframe页面的地址。需要注意的是,src地址必须是在同一网站下,否则会出现“权限被禁止”的错误。

兼容firefox的iframe高度自适应代码

标签:

原文地址:http://www.cnblogs.com/good10000/p/4720570.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!