IE瀏覽器IFrame對象內(nèi)存不釋放問題解決方法
最近項目組發(fā)現(xiàn)在使用showModalDialog彈出窗體中如果包含IFrame對象，則IFrame對象占用的內(nèi)存資源在窗體關(guān)閉后不會釋放。彈出關(guān)閉反復(fù)多次后，IE瀏覽器內(nèi)存占用可超過數(shù)百M，嚴(yán)重時IE瀏覽器報錯，且無法關(guān)閉，只能通過殺進(jìn)程的方式重啟瀏覽器。經(jīng)測試，使用open方式彈出也存在該問題。
在IE8瀏覽器中，open和showModalDialog彈出的內(nèi)存占用有差異：
open方式彈出的窗體占用的是一個獨立的iexplorer.exe進(jìn)程；
showModalDialog方式彈出的窗體使用和父窗體相同的iexplorer.exe進(jìn)程；
經(jīng)過搜索，發(fā)現(xiàn)解決辦法是在窗體關(guān)閉前，從窗體中刪除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>
但是測試的時候，發(fā)現(xiàn)有兩個限制：
1. el.src可能還沒有執(zhí)行完，就執(zhí)行后面的語句，如果IFrame中包含的是跨域內(nèi)容，則會提示沒有權(quán)限；
2. 窗體關(guān)閉的比腳本執(zhí)行的快，內(nèi)存仍然沒有釋放；
經(jīng)過修改，最終腳本如下：
<!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) {
// 取消窗口關(guān)閉時的監(jiān)聽事件
document.getElementsByTagName("BODY")[0].onbeforeunload = null;
var el = document.getElementById("scanIf");
if (el) {
el.src = "";
setTimeout(cycleClear, 100);
return "提示：請點擊取消按鈕，當(dāng)前窗口會自動關(guān)閉。";
}
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>
相關(guān)文章
JavaScript判斷輸入是否為整數(shù)的正則表達(dá)式
這篇文章主要介紹了JavaScript判斷輸入是否為整數(shù)的正則表達(dá)式,用于驗證不同類型的數(shù)據(jù),包括數(shù)字、字符、電子郵件、網(wǎng)址、身份證號、手機號碼等,每個模式都提供了詳細(xì)的正則表達(dá)式和匹配說明,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
JavaScript中檢測數(shù)據(jù)類型的四種方法
這篇文章主要給大家分享的是JavaScript中檢測數(shù)據(jù)類型的四種方法，有 typeof、instanceof、constructor、Object.prototype.toString.call()，下面文章詳細(xì)介紹內(nèi)容，需要的小伙伴可以參考一下2022-01-01
本篇文章主要是對Array棧方法與隊列方法的特點進(jìn)行了詳細(xì)的說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
用JS提交參數(shù)創(chuàng)建form表單在FireFox中遇到的問題
在一個前端頁面上，需要通過JavaScript來提交參數(shù)，使用JS創(chuàng)建form表單，將參數(shù)append到表單中進(jìn)行提交,接下來將介紹如何操作與實現(xiàn)2013-01-01
JS實現(xiàn)的新浪微博大廳文字內(nèi)容滾動效果代碼
這篇文章主要介紹了JS實現(xiàn)的新浪微博大廳文字內(nèi)容滾動效果代碼,可實現(xiàn)頁面圖文元素定時滾動的效果,涉及JavaScript時間函數(shù)定時改變頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-11-11
3分鐘教你用JavaScript實現(xiàn)電子簽名效果
電子簽名已經(jīng)成為現(xiàn)代商業(yè)中不可或缺的一部分，它可以提高業(yè)務(wù)流程的效率和安全性。本文將介紹如何使用HTML5的canvas元素和JavaScript在前端實現(xiàn)電子簽名，需要的可以參考一下2023-04-04
js數(shù)字滑動時鐘的簡單實現(xiàn)(示例講解)
下面小編就為大家?guī)硪黄猨s數(shù)字滑動時鐘的簡單實現(xiàn)(示例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡單驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)五星好評效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
之前當(dāng)vue更新到2.0之后，作者就宣告不再對vue-resource更新，而是推薦的axios,前一段時間用了一下，現(xiàn)在說一下它的基本用法。文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03