iframe宽高度自适应问题解决方案

最新推荐文章于 2024-03-14 15:48:00 发布

原创最新推荐文章于 2024-03-14 15:48:00 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

Java 专栏收录该内容

58 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现iframe自适应其内容高度的方法。该方法利用了onLoad事件来动态调整iframe的高度和宽度，确保其能够根据内嵌页面的实际大小进行伸缩。

<iframe src="index.html" id="mainPageContent" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe>

<script type="text/javascript" language="javascript">   
function iFrameHeight() {   
var ifm= document.getElementById("mainPageContent");   
var subWeb = document.frames ? document.frames["mainPageContent"].document : ifm.contentDocument;   
if(ifm != null && subWeb != null) {
   ifm.height = subWeb.body.scrollHeight;
   ifm.width = subWeb.body.scrollWidth;
}   
}   
</script>