天天看点

iframe自动自适应高度

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

继续阅读