原生JS與Jquery刪除iframe并釋放內存-IE

sugarmo 發(fā)布于2019-08-23 16:48 / 3262人閱讀

摘要：當項目以頁簽方式打開多個窗口時，關閉頁簽同時也需要關閉并釋放內存資源，主要是針對瀏覽器。原生銷毀，釋放所占用的內存。把從頁面移除寫法把從頁面移除

當項目以tab頁簽方式打開多個iframe窗口時，關閉tab頁簽同時也需要關閉iframe并釋放內存資源，主要是針對IE瀏覽器。

原生js

/** 
* 銷毀iframe，釋放iframe所占用的內存。 
* @param iframe 需要銷毀的iframe id 
*/
function destroyIframe(iframeID){ 
    var iframe = document.getElementById(iframeID);
    
    //把iframe指向空白頁面，這樣可以釋放大部分內存。 
    iframe.src = "about:blank"; 
    
    try{ 
        iframe.contentWindow.document.write(""); 
        iframe.contentWindow.document.clear(); 
    }catch(e){} 
    
    //把iframe從頁面移除 
    iframe.parentNode.removeChild(iframe); 

}

Jquery寫法

function destroyIframe(iframeID){ 
    var iframe = $("#" + iframeID).prop("contentWindow");
    
    $("#" + iframeID).attr("src", "about:blank");
    
    try{ 
        iframe.document.write(""); 
        iframe.document.clear(); 
    }catch(e){} 
    
    //把iframe從頁面移除 
    $("#" + iframeID).remove(); 
    
}

云服務器 GPU云服務器原生js和jquery js顯示并刪除json數據 jquery操作iframe 釋放指針對象內存

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/103330.html

WEB前端面試題整理（一）

摘要：響應禁止包含消息體，因此始終以消息頭后的第一個空行結尾。刪除并返回數組的最后一個元素。返回該對象的源代碼。優(yōu)雅降級一開始就構建完整的功能，然后再針對低版本瀏覽器進行兼容。 WEB前端面試題的記錄（一） 1、獲取非行間樣式的函數： function getStyle(obj, attr){ if (obj.currentStyle) { return obj.current...

hoohack 2019-08-20 15:25 評論0 收藏0
JS跨域

摘要：跨域概述兩個不同域互相請求，稱為跨域，是由瀏覽器同源策略限制的一類請求場景。同源策略限制以下幾種行為和無法讀取無法獲得請求不能發(fā)送目前主流的用于解決跨域問題的方法跨域缺點這種方法只適用于和窗口，和無法通過這種方法。跨域概述兩個不同域互相請求，稱為跨域，是由瀏覽器同源策略限制的一類請求場景。 --> 同源策略/SOP（Same origin policy）是瀏覽器最核心也最基本的安全...

whataa 2019-08-22 15:25 評論0 收藏0
JS中的垃圾回收與內存泄漏

摘要：介紹瀏覽器的具有自動垃圾回收機制，也就是說，執(zhí)行環(huán)境會負責管理代碼執(zhí)行過程中使用的內存。中的內存泄漏問題程序的內存溢出后，會使某一段函數體永遠失效取決于當時的代碼運行到哪一個函數，通常表現為程序突然卡死或程序出現異常。 showImg(https://segmentfault.com/img/remote/1460000018932880?w=4400&h=3080); 1. 介紹瀏...

xiaolinbang 2019-08-21 18:42 評論0 收藏0
前端開發(fā)中的基礎思考題

摘要：線程的劃分尺度小于進程，使得多線程程序的并發(fā)性高。線程在執(zhí)行過程中與進程還是有區(qū)別的。用來表示尚未存在的對象，常用來表示函數企圖返回一個不存在的對象。前些日子在忙著面試，拿了心儀的 offer 以后閑下來整理了一些面試相關的基本概念。由于很多關于代碼細節(jié)的東西之前的博客都有更詳細的解釋，所以本文涉及代碼細節(jié)比較少，主要是面試相關的概念，也是前端比較零碎的一些知識。以下內容包括我面試過...

Charlie_Jade 2019-08-29 16:42 評論0 收藏0
前端開發(fā)中的基礎思考題

摘要：線程的劃分尺度小于進程，使得多線程程序的并發(fā)性高。線程在執(zhí)行過程中與進程還是有區(qū)別的。用來表示尚未存在的對象，常用來表示函數企圖返回一個不存在的對象。前些日子在忙著面試，拿了心儀的 offer 以后閑下來整理了一些面試相關的基本概念。由于很多關于代碼細節(jié)的東西之前的博客都有更詳細的解釋，所以本文涉及代碼細節(jié)比較少，主要是面試相關的概念，也是前端比較零碎的一些知識。以下內容包括我面試過...

jeffrey_up 2019-08-23 11:52 評論0 收藏0