iframe高度自适应

虽然iframe的使用有诸多使人诟病之处，但项目中总会由于某些缘由用到它。iframe的高度自适应是使用iframe时广泛要解决的问题。

1. iframe加载的是同域的，且受本身控制的页面（即，可在iframe加载的页面中获取iframe的高度）。这种状况下，在框架页中经过如下代码可方便设置iframe的高度：

if(window.frameElement) {
  var iframeheight = Math.max(document.body.scrollHeight, document.body.clientHeight);
  window.frameElement.height = iframeheight;
}

2. iframe加载的是跨域的页面。这种状况下，须要框架页面与父页面交互，传递框架页面的高度给父页面。

参考：

http://www.zhangxinxu.com/wordpress/?p=1294 [转自鑫空间-鑫生活]