JavaScript实现Iframe自适应高度

最新推荐文章于 2025-12-29 10:47:54 发布

翻译最新推荐文章于 2025-12-29 10:47:54 发布 · 489 阅读

文章标签：

#iframe #javascript

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的自适应高度IFrame的方法。该方法利用setTimeout延迟执行，确保IFrame加载完成后调整其高度，使得IFrame内容能完全展示且不占用多余空间。

此段代码的功用如题。

<Script>
function resizeIframes()
{
document.getElementById("iframe1").style.height=document.getElementById("iframe1").contentWindow.document.body.scrollHeight+"PX";
}
</script>
<iframe frameborder="0" src="要显示的页面" width="100%" onload="setTimeout(resizeIframes,2000);" align="middle" id="iframe1"></iframe>