这篇文章主要介绍了简单实现iframe的高度根据页面内容自适应(jQuery方式),以及在ie浏览器下的相关问题
方式一:
//注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30;
//ie下,会出现页面每点击一次,增加一次高度,谷歌没问题 $(this).height(mainheight); });
方式二:
//注意:下面的代码是放在iframe引用的子页面中调用 $(window.parent.document).find("#iframeId").load(function () { var main = $(window.parent.document).find("#iframeId"); var thisheight = $(document).height() + 30;
//ie下,会出现页面每点击一次,增加一次高度,谷歌没问题
main.height(thisheight); });