iframe 随内容自适应高度
兼容性好的
html代码:
<iframe src="enterprise/enter_edit.aspx" id="mainframe" frameborder="0" name="main" onload="resize()" onreadystatechange="resize()" style="width: 100%; height: 100%;" border="0"></iframe>
JS代码:
<script type="text/javascript"> //iframe自适应高度的函数 var oTime = null; function resize() { if (oTime) { clearTimeout(oTime); } oTime = setTimeout(reset, 0); } //iframe自适应高度的函数 function reset() { var frame = document.getElementById("mainframe"); var outHeight = frame.offsetHeight; var inHeight = frame.contentWindow.document.body.scrollHeight; if (outHeight < inHeight) { frame.style.height = (inHeight + 10) + "px"; } else if (inHeight > 650) { frame.style.height = (inHeight + 10) + "px"; } else { frame.style.height = "750px"; } } </script>
jquery代码:
<script type="text/javascript"> //iframe 随内容自适高度 $("#mainframe").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); </script>