網上關于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>
html部分:
<iframe name="framecontent" src="*" frameborder="0" width="100%" onload="setcwinheight(this)"></iframe>
標記*號的地方填入iframe頁面的地址。需要注意的是,src地址必須是在同一網站下,否則會出現“權限被禁止”的錯誤。
新聞熱點
疑難解答