如何让iframe的高度自适应父窗口的高度

如何让iframe的高度自适应父窗口的高度

什么是自适应高度吧。所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。
顺便说下，iframe在迫不得已的时候才去用，它会给前端开发带来太多的麻烦。
传统做法大致有两个：
方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。
方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。

var iframe = document.getelementbyid("mainframe"); // 换成你的iframe name function reinitiframe(){ try{ var height = iframe.contentwindow.document.body.scrollheight; if(iframe.height != (height+22)) iframe.height = height + 22; } catch(e){} } window.setinterval("reinitiframe()", 200);