iframe 的高度根據內容自動調整

我們在做項目的時候如果用到了Ifram的話，可能會有一個很苦惱的問題，那就是 Ifram 的高度可以被頁面撐大，

但是撐大後就回不來了，那麼，怎麼讓iframe 的高度自動根據iframe 裡面頁面的內容的高度來調整呢，很簡單，

只需將如下 js 代碼 copy 到 Ifram 的 src 屬性所指向的頁面中就可以了。

<script>function f_frameStyleResize(targObj){var targWin = targObj.parent.document.all[targObj.name];if(targWin != null) {var HeightValue = targObj.document.body.scrollHeightif(HeightValue < 475){HeightValue = 475} //不小於475targWin.style.pixelHeight = HeightValue;}}function f_iframeResize(){bLoadComplete = true; f_frameStyleResize(self);}var bLoadComplete = false;window.onload = f_iframeResize;</script>

----以上代碼寫在被 iframe 包含的頁面內，即 iframe 的 src 所指向的頁面
注意：iframe必須要有name屬性，否則無效。