欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iframe如何動態(tài)創(chuàng)建及釋放其所占內(nèi)存

 更新時間:2014年09月03日 08:41:40   投稿:whsnow  
一個項目后期測試發(fā)現(xiàn)瀏覽器內(nèi)存一直居高不下,而且打開iframe頁面越多內(nèi)存占用越大,在IE系列瀏覽器中尤其明顯,下面與大家分享下iframe動態(tài)創(chuàng)建及釋放內(nèi)存

最近參與一個項目的開發(fā),由于項目是基于瀏覽器的胖客戶端(RIA)應(yīng)用程序,頁面中大量調(diào)用iframe。后期測試發(fā)現(xiàn)瀏覽器內(nèi)存一直居高不下,而且打開iframe頁面越多內(nèi)存占用越大,在IE系列瀏覽器中尤其明顯。所有打開的iframe頁面即使關(guān)閉了,內(nèi)存使用也沒有明顯的下降,IE瀏覽器在內(nèi)存占用達(dá)到400M左右就變得很卡。分析發(fā)現(xiàn)是iframe沒有釋放造成的,于是對所有已關(guān)閉的iframe所占用的內(nèi)存進(jìn)行釋放,雖然不能完全釋放,但是iframe內(nèi)存占用量不會一直增長,整個應(yīng)用內(nèi)存使用量控制在150M左右。

/** 
* 動態(tài)創(chuàng)建iframe 
* @param dom 創(chuàng)建iframe的容器,即在dom中創(chuàng)建iframe。dom可以是div、span或者其他標(biāo)簽。 
* @param src iframe中打開的網(wǎng)頁路徑 
* @param onload iframe加載完后觸發(fā)該事件,可以為空 
* @return 返回創(chuàng)建的iframe對象 
*/ 
function createIframe(dom, src, onload){ 
//在document中創(chuàng)建iframe 
var iframe = document.createElement("iframe"); 

//設(shè)置iframe的樣式 
iframe.style.width = '100%'; 
iframe.style.height = '100%'; 
iframe.style.margin = '0'; 
iframe.style.padding = '0'; 
iframe.style.overflow = 'hidden'; 
iframe.style.border = 'none'; 

//綁定iframe的onload事件 
if(onload && Object.prototype.toString.call(onload) === '[object Function]'){ 
if(iframe.attachEvent){ 
iframe.attachEvent('onload', onload); 
}else if(iframe.addEventListener){ 
iframe.addEventListener('load', onload); 
}else{ 
iframe.onload = onload; 
} 
} 

iframe.src = src; 
//把iframe加載到dom下面 
dom.appendChild(iframe); 
return iframe; 
} 

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

相關(guān)文章

  • layui的面包屑或者表單不顯示的解決方法

    layui的面包屑或者表單不顯示的解決方法

    今天小編就為大家分享一篇layui的面包屑或者表單不顯示的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • requirejs按需加載angularjs文件實例

    requirejs按需加載angularjs文件實例

    本篇文章主要介紹了requirejs按需加載angularjs文件實例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • 微信小程序商城分類滾動列表錨點的項目實踐

    微信小程序商城分類滾動列表錨點的項目實踐

    本文主要介紹了微信小程序商城分類滾動列表錨點的項目實踐,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • 深入理解JavaScript系列(9) 根本沒有“JSON對象”這回事!

    深入理解JavaScript系列(9) 根本沒有“JSON對象”這回事!

    寫這篇文章的目的是經(jīng)??吹介_發(fā)人員說:把字符串轉(zhuǎn)化為JSON對象,把JSON對象轉(zhuǎn)化成字符串等類似的話題,所以把之前收藏的一篇老外的文章整理翻譯了一下,供大家討論,如有錯誤,請大家指出,多謝
    2012-01-01
  • 15 個 JavaScript Web UI 庫

    15 個 JavaScript Web UI 庫

    本文介紹了 15 個非常強大的 JavaScript Web UI 庫,非常適合各種各種規(guī)模的富 Web 應(yīng)用的開發(fā)。
    2010-05-05
  • JavaScript獲取表格(table)當(dāng)前行的值、刪除行、增加行

    JavaScript獲取表格(table)當(dāng)前行的值、刪除行、增加行

    這篇文章主要介紹了JavaScript獲取表格(table)當(dāng)前行的值、刪除行、增加行,本文直接給出代碼示例,需要的朋友可以參考下
    2015-07-07
  • 1秒50萬字!js實現(xiàn)關(guān)鍵詞匹配

    1秒50萬字!js實現(xiàn)關(guān)鍵詞匹配

    1秒50萬字!js實現(xiàn)關(guān)鍵詞匹配,快速進(jìn)行關(guān)鍵字匹配,感興趣的小伙伴們可以參考一下
    2016-08-08
  • JS打開圖片另存為對話框?qū)崿F(xiàn)代碼

    JS打開圖片另存為對話框?qū)崿F(xiàn)代碼

    使用JS打開圖片另存為對話框一直都是網(wǎng)頁應(yīng)用中不可缺少的一部分,本人有些好奇,于是搜集整理了一些實現(xiàn)代碼,不知道符不符合大眾的口味,在此班門弄斧了,需要的朋友可以了解下
    2012-12-12
  • js 將線性數(shù)據(jù)轉(zhuǎn)為樹形的示例代碼

    js 將線性數(shù)據(jù)轉(zhuǎn)為樹形的示例代碼

    這篇文章主要介紹了js 將線性數(shù)據(jù)轉(zhuǎn)為樹形的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • Javascript的匿名函數(shù)小結(jié)

    Javascript的匿名函數(shù)小結(jié)

    Javascript的匿名函數(shù)小結(jié),需要的朋友可以參考下。
    2009-12-12

最新評論