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 [轉自鑫空間-鑫生活]