jquery iframe自适应高度

 

 iframe自适应高度 在Ie下这样写就可以 <iframe id="iFrame1" name="listFrame11" width="100%" onload="this.height=(iFrame1.document.body.scrollHeight)+20;" frameborder="0" ></iframe>

     但是最近发现在谷歌浏览器下不好使,查w3c文档才发现 根本没有onload属性,难道又是Ie自己整的没办法只好自己整一个,去掉onload属性,采用如下方法

    <!-- davidxiaozhi li-->

<iframe id="iFrame1" name="listFrame11" width="100%" frameborder="0" ></iframe>
	     <script type="text/javascript">
		    $(function(){
			    var $iframe=$('#iFrame1');
			    $iframe.load(function(){
			    	$iframe.height($(this).contents().find("body").height()+20);
			    	$(this).contents().find("body").css("overflow-y","hidden");
				})
		    });
	    </script>
 

   浏览器很通用的哦

你可能感兴趣的:(JavaScript,jquery,css,浏览器,IE)