Iframe 自適應高度的方法！

標籤：style   blog   http   color   java   strong   io   art   

第一種方法：代碼簡單，相容性還可以，大家可以先測試下。

 1 function SetWinHeight(obj)  2 {  3 var win=obj;  4 if (document.getElementById)  5 {  6 if (win && !window.opera)  7 {  8 if (win.contentDocument && win.contentDocument.body.offsetHeight)  9 win.height = win.contentDocument.body.offsetHeight; 10 else if(win.Document && win.Document.body.scrollHeight) 11 win.height = win.Document.body.scrollHeight; 12 } 13 } 14 } 

 

<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="1.htm"></iframe> 

2.經典代碼 iFrame 自適應高度，在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通過測試。 
HTML代碼:
<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>Javascript代碼： 
<script type="text/javascript" language="javascript"> 
function iFrameHeight() { 
var ifm= document.getElementById("iframepage"); 
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; 
if(ifm != null && subWeb != null) { 
ifm.height = subWeb.body.scrollHeight; 
} 
} 
</script>
http://www.jb51.net/article/15780.htm