您的位置: 首页 > IT文章 > iframe 自适应内容高度

iframe 自适应内容高度

分类: IT文章 • 2024-07-03 19:03:49

在使用iframe的时候，会出现iframe不能随着内容的高度自动改变的情况，下面就介绍一种可以自适应高度的办法。<br/>

<pre>

　　<iframe ></iframe>　

　　<script>

　　　function setIframeHeight(iframe) {

　　　　if(iframe) {
　　　　　　　　var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
　　　　　　　　if(iframeWin.document.body) {
　　　　　　　　iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
　　　　　　　　　　}
　　　　　　　　}
};

　　</script>

　　</pre>　

　　　　　　这么写是判断，每次iframe的onload事件后自动适应内容改变iframe的高度。