在我们的项目开发过程中,经常会用到IFrame,但是他的高度确不能够自适应,影响美观
为了找到让他自适应的方法, 我找遍了baidu,google,可是没有找到一个让我满意的
我最终的解决办法是:
<script type="text/javascript"> function setIFrameHeight() { var iID = setInterval(updateHeight, 100); function updateHeight() { var iframe = document.getElementById('content'); var iDoc = iframe.contentWindow.document; iframe.height = 0; // 重设为0后才能保证取到正确的scrollHeight iframe.height = Math.max(iDoc.documentElement.scrollHeight, iDoc.body.scrollHeight); console.log(iframe.height); if(iframe.height != 0){ clearInterval(iID); } } } </script>