JavaScript实现iframe自动自适应高度

作者:木棉

时间:2026-10-28

浏览:139

本文介绍利用JavaScript实现iframe高度自动自适应的方法。通过调用特定函数,使嵌入列表的iframe在数据增删刷新时,高度能自动伸长或缩短,无需手动设置。

文章目录

iframe高度自动自适应方案

本文介绍一种利用JavaScript实现iframe高度自动自适应的技术方案,供开发者参考。

在网页开发中,常需处理iframe高度的自动伸缩场景。例如,当iframe内嵌列表数据增加并刷新时,iframe高度应自动增加;若数据删除,高度则需自动缩减。

将后续代码片段复制到包含iframe的HTML或JSP页面中。在</html>标签之后调用该函数即可生效。


<script type="text/javascript">
  autoAdjustWindow();
</script>
<script type="text/javascript">
//自动调整iframe的高度,自适应树的展开和收缩
function autoAdjustWindow(){ 
  try{ 
    window.frameElement.height=document.body.scrollHeight;
    window.frameElement.parentElement.height=document.body.scrollHeight;
    window.frameElement.width=document.body.scrollWidth;
   window.frameElement.parentElement.width=document.body.scrollWidth; 
  }catch(e){
 
  }
}
</script>

希望上述内容对JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章