IE瀏覽器IFrame物件記憶體不釋放問題解決方法

IE瀏覽器IFrame物件記憶體不釋放問題解決方法_javascript技巧

WBOY

發布： 2016-05-16 16:39:07

原創

1733 人瀏覽過

最近專案組發現在使用showModalDialog彈出窗體中如果包含IFrame對象，則IFrame對象佔用的記憶體資源在窗體關閉後不會釋放。彈出關閉重複多次後，IE瀏覽器記憶體佔用可超過數百M，嚴重時IE瀏覽器報錯，且無法關閉，只能透過殺進程的方式重新啟動瀏覽器。經過測試，使用open方式彈出也存在該問題。

在IE8瀏覽器中，open和showModalDialog彈出的記憶體佔用有差異：

open方式彈出的窗體佔用的是一個獨立的iexplorer.exe進程；

showModalDialog方式彈出的窗體使用和父窗體相同的iexplorer.exe進程；

經過搜索，發現解決方法是在窗體關閉前，從窗體中刪除IFrame對象，程式碼如下：

<span style="font-size:18px">
var el = document.getElementById("scanIf");
el.src="";
el.contentWindow.document.write('');
el.contentWindow.document.clear();
var p = el.parentNode;
p.removeChild(el);
</span>

登入後複製

但是測驗的時候，發現有兩個限制：

1. el.src可能還沒執行完，就執行後面的語句，如果IFrame中包含的是跨域內容，則會提示沒有權限；

2. 視窗關閉的比腳本執行的快，記憶體仍然沒有釋放；

經過修改，最終腳本如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<BODY onbeforeunload="return unloadHandler();">
<IFRAME id="scanIf" width="800px" height="600px" src = "http://www.baidu.com"></IFRAME>
<SCRIPT type="text/javascript">
function unloadHandler(notip) {
// 取消窗口关闭时的监听事件
document.getElementsByTagName("BODY")[0].onbeforeunload = null;
var el = document.getElementById("scanIf");
if (el) {
el.src = "";
setTimeout(cycleClear, 100);
return "提示：请点击取消按钮，当前窗口会自动关闭。";
}
return true;
}

function cycleClear() {
try {
var el = document.getElementById("scanIf");
if (el) {
el.contentWindow.document.write('');
el.contentWindow.document.clear();
var p = el.parentNode;
p.removeChild(el);
}
window.close();
} catch (e) {
setTimeout(cycleClear, 100);
}
}
//window.onunload = unloadHandler;
</SCRIPT>
<input type="button" value="remove" onclick="unloadHandler();">
</BODY></HTML>

登入後複製