在建網站時如何讓iframe在浏覽器中自适應高度呢？

　　時爲什麽需要使用iframe自适應高度呢？其實就是爲了美觀，要不然iframe和窗口長短大小不一，看起來總是不那麽舒服，自适應高度對于用戶體驗度的提升尤爲重要。網上關于iframe高度自适應的代碼有很多，但比較雜亂，有一些過于複雜，有一些存在明顯錯誤。緣由心生給出了一段修改後的精簡版本，感覺不錯，并簡單修正了其中一處Opera下的錯誤。

iframe框架自适應高度
首先設置樣式:body{margin:0; padding:0;}
如果不設置body的margin和padding爲0的話，頁面上下左右會出現空白。

html代碼如下：
<iframe src="https://www.371jianzhan.com" id="myiframe" scrolling="no" onload="changeMyFrameHeight()"></iframe>

js代碼也得跟着改：
function changeMyFrameHeight(){
    var ifm= document.getElementById("iframepage"); 
    ifm.height=document.documentElement.clientHeight;
}

window.onresize=function(){  
     changeMyFrameHeight();  

}

window.onresize的作用就是當窗口大小改變的時候會觸發這個事件。

所以，使用此方法可以完美的、真正的讓iframe自适應高度了，試試看吧，并且兼容多種浏覽器。