iframe框架高度自适应代码(兼容Firefox,Opera,Safari)
2009-09-16 20:42 来源: 大智教程网
网上关于iframe高度自适应的代码有很多，但比较杂乱，有一些过于复杂，有一些存在明显错误。缘由心生给出了一段修改后的精简版本，感觉不错，简单修正了其中一处Opera下的错误，代码如下：
JavaScript部分：
<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>
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部分：
<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe>
标记*号的地方填入iframe页面的地址。需要注意的是，src地址必须是在同一网站下，否则会出现“权限被禁止”的错误。
[注:]本站部分文章来源网络,如有侵害您的权利请及时通知本站, 本站会即刻删除。QQ:179916975
