原生JS與Jquery刪除iframe并釋放內(nèi)存-IE

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

摘要：當(dāng)項(xiàng)目以頁(yè)簽方式打開(kāi)多個(gè)窗口時(shí)，關(guān)閉頁(yè)簽同時(shí)也需要關(guān)閉并釋放內(nèi)存資源，主要是針對(duì)瀏覽器。原生銷毀，釋放所占用的內(nèi)存。把從頁(yè)面移除寫法把從頁(yè)面移除

當(dāng)項(xiàng)目以tab頁(yè)簽方式打開(kāi)多個(gè)iframe窗口時(shí)，關(guān)閉tab頁(yè)簽同時(shí)也需要關(guān)閉iframe并釋放內(nèi)存資源，主要是針對(duì)IE瀏覽器。

原生js

/** 
* 銷毀iframe，釋放iframe所占用的內(nèi)存。 
* @param iframe 需要銷毀的iframe id 
*/
function destroyIframe(iframeID){ 
    var iframe = document.getElementById(iframeID);
    
    //把iframe指向空白頁(yè)面，這樣可以釋放大部分內(nèi)存。 
    iframe.src = "about:blank"; 
    
    try{ 
        iframe.contentWindow.document.write(""); 
        iframe.contentWindow.document.clear(); 
    }catch(e){} 
    
    //把iframe從頁(yè)面移除 
    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從頁(yè)面移除 
    $("#" + iframeID).remove(); 
    
}

GPU云服務(wù)器云服務(wù)器原生js和jquery js顯示并刪除json數(shù)據(jù) jquery操作iframe 釋放指針對(duì)象內(nèi)存

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/103330.html

相關(guān)文章

WEB前端面試題整理（一）

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

hoohack 2019-08-20 15:25 評(píng)論0 收藏0
JS跨域

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

whataa 2019-08-22 15:25 評(píng)論0 收藏0
JS中的垃圾回收與內(nèi)存泄漏

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

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

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

msup 2019-08-02 16:05 評(píng)論0 收藏0
前端開(kāi)發(fā)中的基礎(chǔ)思考題

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

Charlie_Jade 2019-08-29 16:42 評(píng)論0 收藏0