JS控制iframe 框架高度自适应

最新推荐文章于 2021-03-12 18:11:20 发布

iteye_9303

最新推荐文章于 2021-03-12 18:11:20 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

文章标签：框架 JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_9303/article/details/81889026

本文提供了一种使用JavaScript实现iframe自适应高度的方法，解决了因框架高度固定而导致的内容显示不全的问题。通过设置定时器动态调整iframe的高度，确保其能够根据外部页面的实际高度进行伸缩。

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

这个基本不用介绍了吧，因为项目中使用的框架高度总是很小，不能适应最外面的页面。使用以下JS可以完全解决这个问题。

body style="margin:0; padding:0; height:100%" scroll=no>
<iframe id="infrm" name="infrm" marginwidth="0" marginheight="0" width="100%" src="http://www.arting365.com" frameborder="0"></iframe>
<script language="javascript">
function autoheight(sid)
{var gid=document.getElementById(sid);
gid.height=document.documentElement.offsetHeight-5;}
window.setInterval("autoheight(\"infrm\")",100);
</script>