在onload事件触发时，根据body的高度自适应iframe的高度

最新推荐文章于 2024-04-22 17:32:16 发布

原创最新推荐文章于 2024-04-22 17:32:16 发布 · 941 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种通过onload事件调整iframe元素高度的方法，使iframe能够根据其内容自动扩展高度，确保内容完整显示且不占用多余空间。

在onload事件触发时，根据body的高度自适应iframe的高度

        <div class="iframe-wrapper">
            <iframe name="iframe1" onload="this.height=this.contentWindow.document.body.scrollHeight" src="iframe1.html" frameborder="0" width="100%"></iframe>
            <iframe name="iframe2" onload="this.height=iframe2.document.body.scrollHeight" src="iframe2.html" frameborder="0" width="100%"></iframe>
        </div>