iFrame 自适应高度

最新推荐文章于 2024-03-29 11:18:46 发布

weixin_34206899

最新推荐文章于 2024-03-29 11:18:46 发布

阅读量62

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/i33/blog/62210

版权

为什么80%的码农都做不了架构师？>>>

经典代码 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>

转载于:https://my.oschina.net/i33/blog/62210