【HTML5】iframe的高度根据页面内容自适应的方法

方式1:

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

方式2:

0 注意:下面的代码是放在iframe引用的子页面中调用
1 //$(window.parent.document).find("#iframeId").load(function () {
2     var main = $(window.parent.document).find("#iframeId");
3     var thisheight = $(document).height() + 30;
4     main.height(thisheight);
5 });
 
posted @ 2017-04-13 10:56  真的有点难受  阅读(2146)  评论(0编辑  收藏  举报