方式1:

1
2
3
4
5
//注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});

方式2:

1
2
3
4
5
6
//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});

html

<iframe src="./html/project.html" frameborder="0" width=1000  scrolling="no" id="main_project" name="main_pro">

</iframe>

gongzhonghao
关注“小K前端杂谈”,得到更多学习资源