# iframe 高度自适应
>[success]在这里介绍两种方式来实现，在这时将使用jquery快速实现
>
## 方法一：在iframe页面中加入统一js代码
~~~
//注意：下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
var mainheight = $(this).contents().find("body").height() + 30;
$(this).height(mainheight);
});
~~~
## 方法二：在iframe引用的子页面中加入统一js代码
~~~
//注意：下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
var main = $(window.parent.document).find("#iframeId");
var thisheight = $(document).height() + 30;
main.height(thisheight);
});
~~~
