最近在做一個專案需要用到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自適應內容高度。
雷雷