jquery实现的iframe高度自适应效果

jquery实现的iframe高度自适应效果:
iframe是非常常用的元素之一,它可能在网页内嵌入其他的页面,你是它有个缺点,不能够自动实现高度自适应,下面就介绍一下如何iframe高度自适应效果。
一.iframe代码:

<iframe src="antzone.html" id="main" width="700" height="300" frameborder="0"></iframe>

二.jquery代码:

$("#main").load(function(){ 
  var mainheight=$(this).contents().find("body").height()+30; 
  $(this).height(mainheight); 
});


你可能感兴趣的:(jquery实现的iframe高度自适应效果)