為什么需要使用iframe自適應(yīng)高度呢？其實(shí)就是為了美觀，要不然iframe和窗口長(zhǎng)短大小不一，看起來(lái)總是不那么舒服，特別是對(duì)于我們這些編程的來(lái)說(shuō)，如鯁在喉的感覺。在頁(yè)面中通過iframe嵌入了另外一個(gè)頁(yè)面后，如何使得頁(yè)面的這塊區(qū)域隨著iframe的高度自動(dòng)適應(yīng)而不會(huì)出現(xiàn)蹩腳的上下左右滾動(dòng)條呢？下面這個(gè)辦法就是使用javascript實(shí)現(xiàn)iframe高度自適應(yīng)的，這個(gè)可是兼容所有瀏覽器的，ie，firefox，chrome，opera，safari這些瀏覽器都能夠?qū)崿F(xiàn)iframe高度自適應(yīng)的，具體的js代碼如下：

function dyniframesize(down){
var Sys={};
var ua=navigator.userAgent.toLowerCase();
var s;
(s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:
(s=ua.match(/firefox\/([\d.]+)/))?Sys.firefox=s[1]:
(s=ua.match(/chrome\/([\d.]+)/))?Sys.chrome=s[1]:
(s=ua.match(/opera.([\d.]+)/))?Sys.opera=s[1]:
(s=ua.match(/version\/([\d.]+).*safari/))?Sys.safari=s[1]:0;
var pTar=null;
if (document.getElementById){
pTar=document.getElementById(down);
}else{
eval('pTar='+down+';');
}
pTar.style.display="block";
if (Sys.ie){
if(Sys.ie=='9.0'){
pTar.height=pTar.contentWindow.document.body.offsetHeight+15+"px";
pTar.width=pTar.contentWindow.document.body.scrollWidth+"px";
}else if(Sys.ie=='8.0'){
pTar.height=pTar.Document.body.offsetHeight+15+"px";
pTar.width=pTar.Document.body.scrollWidth+"px";
}else{
pTar.height=pTar.Document.body.scrollHeight+25+"px";
pTar.width=pTar.Document.body.scrollWidth+"px";
}
}
if (Sys.firefox){
pTar.height=pTar.contentDocument.body.offsetHeight+15+"px";
pTar.width=pTar.contentDocument.body.scrollWidth+"px";
}
if (Sys.chrome){
pTar.height=pTar.contentDocument.body.offsetHeight;
pTar.width=pTar.contentDocument.body.scrollWidth;
}
if (Sys.opera){
pTar.height=pTar.contentDocument.body.offsetHeight;
pTar.width=pTar.contentDocument.body.scrollWidth;
}
if (Sys.safari){        
if(pTar.contentDocument.body.offsetHeight <= '186'){
pTar.height=pTar.contentDocument.body.offsetHeight+10;
}else{
pTar.height=pTar.contentDocument.body.offsetHeight;
}
pTar.width=pTar.contentDocument.body.scrollWidth;
}
}

具體的使用方法如下（設(shè)置id=phpernote的iframe的高度自適應(yīng)iframe里面的內(nèi)容高度）：

<iframe marginwidth="0" framespacing="0" marginheight="0" frameborder="0" border="0" width="620px"
 style="border:0px;background:#FFF;max-height:245px;
" scrolling="no" src="http://www.phpernote.com/comm/page/218167" id="phpernote" onload="javascript:dyniframesize('phpernote');">
</iframe>

上篇文章我們介紹了如何使用iframe屬性，這篇文章也依然教大家iframe自適應(yīng)高度的解決辦法，希望兩篇文章讓你對(duì)iframe標(biāo)簽有一個(gè)更深入的了解。

相關(guān)推薦：

如何使用iframe屬性

php中關(guān)于main與 iframe相互通訊類詳解

php表單文件iframe異步上傳教程講解

分享iframe標(biāo)簽注意問題

html iframe使用的實(shí)戰(zhàn)總結(jié)分享

以上就是讓iframe自適應(yīng)高度的講解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！