本文介绍利用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程序设计有所帮助。