iframe自动自适应高度

来源:互联网 发布:淘宝小二招聘条件 编辑:程序博客网 时间:2024/03/28 16:44

在编写网页的时候,很多时候要用到自动伸缩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>