iframe自适应高度

　　如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。

　　顺便说下，iframe在迫不得已的时候才去用，它会给前端开发带来太多的麻烦。

　　传统做法大致有两个：

　　方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。

　　方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。

　　在代码维护角度考虑，方法二是优于方法一的，因为方法一，每个被包含页都要去引入一段相同的代码来做这个事情，创建了好多副本。

　　两个方法都只处理了静的东西，就是只在内容加载的时候执行，如果JS去操作DOM引起的高度变化，都不太方便。

　　如果在主窗口做一个Interval，不停的来获取被包含页的高度，然后做同步，是不是即方便，又解决了JS操作DOM的问题了呢?答案是肯定的。

　　Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html

　　更多资讯，请访问上海网页设计培训学校