JS控制iframe 框架高度自适应

最新推荐文章于 2023-09-28 05:35:31 发布

原创最新推荐文章于 2023-09-28 05:35:31 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #JavaScript #ViewUI

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

这个基本不用介绍了吧，因为项目中使用的框架高度总是很小，不能适应最外面的页面。使用以下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>