網上關於iframe高度自適應的代碼有很多,但比較雜亂,有一些過於復雜,有一些存在明顯錯誤。緣由心生給出了一段修改後的精簡版本,感覺不錯,簡單修正了其中一處opera下的錯誤,代碼如下:
javascript部分:
<scripttype=text/javascript>
functionsetcwinheight(iframeobj){
if(document.getelementbyid){
if(iframeobj){
if(iframeobj.contentdocument&&iframeobj.contentdocument.body.offsetheight){
iframeobj.height=iframeobj.contentdocument.body.offsetheight;
}elseif(document.frames[iframeobj.name].document&&document.frames[iframeobj.name].document.body.scrollheight){iframeobj.height=document.frames[iframeobj.name].document.body.scrollheight;
}
}
}
}
</script>
html部分:
<iframename=framecontentsrc=*frameborder=0width=100%onload=setcwinheight(this)></iframe>
標記*號的地方填入iframe頁面的地址。需要注意的是,src地址必須是在同一網站下,否則會出現權限被禁止的錯誤。