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>
这是自己学习过程中的记录,方便自己回顾,好记性不如烂笔头。
作者:艺至