iframe自动自适应高度

本文介绍了一种自动调整iframe高度的方法,使得在iframe内容变化时,其高度能够自适应地伸缩。通过简单的JavaScript函数实现这一功能,适用于列表等动态内容展示场景。

在编写网页的时候,很多时候要用到自动伸缩iframe高度 ,假如ifram中嵌入的是一个列表,那么增加数据后,刷新列表,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>

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值