html5 iframe jquery 自动撑开,JS+jquery库实现iframe高宽自适应（附代码）

这次给大家带来JS+jquery库实现iframe高宽自适应(附代码)，JS+jquery库实现iframe高宽自适应的注意事项有哪些，下面就是实战案例，一起来看一下。‍

基于Jquery库的代码很好实现：

$(document).ready(function(){

$("#mainframe").load(function(){

$(this).height(0); //用于每次刷新时控制IFRAME高度初始化

var height = $(this).contents().height() + 10;

$(this).height( height < 500 ? 500 : height );

});

});

‍基于JS原生代码的实现：

if (window.parent.length>0){window.parent.document.all.mainframe.style.height=document.body.scrollHeight;}

只需在你被iframe调用的文件