iframe框根据内容自适应高度

 

1.页面

<iframe name="iframe_userCenter" id="iframe"  frameborder=2
         width=100% height=100% marginheight=0 marginwidth=0
         scrolling=no src="user_userMessage">

</iframe>

2.jquery实现

<script language="javascript" type="text/javascript"> 
  $(document).ready(function(){ 
    $("#iframe").load(function(){ 
       $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 
       var height = $(this).contents().height() + 20; 
       $(this).height( height < 700 ? 700 : height );  //最小的高度700
     }); 
 }); 
</script> 

 

 

这是自己学习过程中的记录，方便自己回顾，好记性不如烂笔头。

作者：艺至