iFrame 自适应高度

经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。

演示地址:http://www.fufuok.com/demo/adaptive-height-iframe.html

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>

你可能感兴趣的:(iFrame 自适应高度)