問題描述

最近在做一個項目需要用到iframe，里面內容高度不一定且改變，今天遇到個問題，如果在iframe中短時間內多次改變該iframe的高度，會導致內存溢出，開始我還以為自己寫的方法有問題，后來搜索之后試過多種方式，發現不管是javascript還是jQuery，只要短時間內多次改變iframe的高度，不管是在父窗口還是iframe中，都會導致內存溢出，然后瀏覽器卡死。下面是一個簡單的函數用來改變iframe高度

function parentHeight(add) { var mainheight = $('body').height(); mainheight = mainheight < 865 ? 865 : mainheight; $('#iframeId', parent.document).height(mainheight + add); }

所以有沒有一種比較好的方式解決動態改變iframe高度，或者說讓iframe自適應內容高度。

問題解答

<iframe name='iFrame1' onload='this.height=iFrame1.document.body.scrollHeight' frameborder='0' src='http://www.b3g6.com/wenda/index.htm'></iframe>