iframe自适应高度

最新推荐文章于 2023-07-24 10:17:29 发布

kingmxj

最新推荐文章于 2023-07-24 10:17:29 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： Java

本文链接：https://blog.youkuaiyun.com/kingmxj/article/details/83530718

html 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现Iframe自适应高度的方法。该方法能够确保Iframe的内容区域根据其内部文档的实际高度进行调整，从而避免了滚动条的出现并提高了页面布局的一致性和用户体验。通过捕获Iframe内部文档的高度变化并相应地调整Iframe自身的高度，可以有效地解决传统固定高度或过载滚动条的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<iframe src="/proInfo.do?method=sitList" id="ifr" onload="iframeFitHeight(this)"  frameborder="0" width="100%" scrolling="no" ></iframe>
<script>

	function iframeFitHeight(oIframe) 
	{//Iframe窗口自适应高度 兼容IE6.0 FF2.0以上 
    try 
    { 
        var oWin = oIframe.name ? window.frames[oIframe.name] : oIframe.contentWindow;  
        oIframe.style.height = oWin.document.body.scrollHeight + "px"; 
    } 
    catch(e){} 
	} 
</script>