防止動態(tài)加載JavaScript引起的內(nèi)存泄漏問題
更新時間：2009年10月08日 18:06:32 作者：
利用Script標(biāo)簽可以跨域加載并運(yùn)行一段JavaScript腳本， 但Neil Fraser先前已指出，腳本運(yùn)行后資源并沒被釋放，即使是Script標(biāo)簽移除后。
為了釋放腳本資源，通常在返回后還要一些進(jìn)行額外的處理。
script = document.createElement('script');
script.src =
'http://example.com/cgi-bin/jsonp?q=What+is+the+meaning+of+life%3F';
script.id = 'JSONP';
script.type = 'text/javascript';
script.charset = 'utf-8';
// 標(biāo)簽加到head后，會自動加載并運(yùn)行。
var head = document.getElementsByTagName('head')[0];
head.appendChild(script)
實(shí)際上很多流行的JS庫都采用這種方式，創(chuàng)建一個scritp標(biāo)簽，賦予一個ID后加載腳本（比如YUI get()），加載完并回調(diào)后清除該標(biāo)簽。問題在于當(dāng)你清除這些script標(biāo)簽的時候，瀏覽器僅僅是移除該標(biāo)簽結(jié)點(diǎn)。
var script = document.getElementById('JSONP');
script.parentNode.removeChild(script);
當(dāng)瀏覽器移除這標(biāo)簽結(jié)點(diǎn)后的同時并沒對結(jié)點(diǎn)內(nèi)JavaScript資源的進(jìn)行垃圾回收，這意味著移除標(biāo)簽結(jié)點(diǎn)還不夠，還得手動的清除script標(biāo)簽結(jié)點(diǎn)的內(nèi)容:
// Remove any old script tags.
var script;
while (script = document.getElementById('JSONP')) {
script.parentNode.removeChild(script);
// 瀏覽器不會回收這些屬性所指向的對象.
//手動刪除它以免內(nèi)存泄漏.
for (var prop in script) {
delete script[prop];
}
}
復(fù)制代碼 代碼如下:
script = document.createElement('script');
script.src =
'http://example.com/cgi-bin/jsonp?q=What+is+the+meaning+of+life%3F';
script.id = 'JSONP';
script.type = 'text/javascript';
script.charset = 'utf-8';
// 標(biāo)簽加到head后，會自動加載并運(yùn)行。
var head = document.getElementsByTagName('head')[0];
head.appendChild(script)
實(shí)際上很多流行的JS庫都采用這種方式，創(chuàng)建一個scritp標(biāo)簽，賦予一個ID后加載腳本（比如YUI get()），加載完并回調(diào)后清除該標(biāo)簽。問題在于當(dāng)你清除這些script標(biāo)簽的時候，瀏覽器僅僅是移除該標(biāo)簽結(jié)點(diǎn)。
復(fù)制代碼 代碼如下:
var script = document.getElementById('JSONP');
script.parentNode.removeChild(script);
當(dāng)瀏覽器移除這標(biāo)簽結(jié)點(diǎn)后的同時并沒對結(jié)點(diǎn)內(nèi)JavaScript資源的進(jìn)行垃圾回收，這意味著移除標(biāo)簽結(jié)點(diǎn)還不夠，還得手動的清除script標(biāo)簽結(jié)點(diǎn)的內(nèi)容:
復(fù)制代碼 代碼如下:
// Remove any old script tags.
var script;
while (script = document.getElementById('JSONP')) {
script.parentNode.removeChild(script);
// 瀏覽器不會回收這些屬性所指向的對象.
//手動刪除它以免內(nèi)存泄漏.
for (var prop in script) {
delete script[prop];
}
}
相關(guān)文章
這篇文章主要介紹了解決echarts官網(wǎng)打不開訪問失敗的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
JavaScript中字符串(string)轉(zhuǎn)json的2種方法
這篇文章主要介紹了JavaScript中字符串(string)轉(zhuǎn)json的2種方法,兩種方法分別是使用js函數(shù)eval()和、使用jquery.parseJSON()方法,需要的朋友可以參考下2015-06-06
首先說一下，為什么要服務(wù)器時間同步， 因為服務(wù)器時間和本地電腦時間存在一定的時間差。有些對時效性要求非常高的應(yīng)用，例如時時彩開獎，是不能容忍這種時間差存在的2017-09-09
本文收集了100個原生態(tài)JavaScript編寫的常用、實(shí)用自定義函數(shù),需要的朋友可以參考下2014-03-03
JavaScript是一種功能強(qiáng)大的編程語言，具有許多高級特性，本文將介紹JavaScript中的一些高級特性，包括閉包、原型繼承、高階函數(shù)、異步編程和模塊化，希望對大家有所幫助2023-06-06
JavaScript實(shí)現(xiàn)大文件分片上傳處理
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)大文件分片上傳處理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
JavaScript數(shù)組的隨機(jī)排序方法詳解
在前端開發(fā)中,我們經(jīng)常需要對數(shù)組進(jìn)行隨機(jī)排序,例如在游戲、抽獎、數(shù)據(jù)隨機(jī)展示等場景中,JavaScript 提供了多種方式來實(shí)現(xiàn)數(shù)組的隨機(jī)排序,本文將詳細(xì)介紹不同的方法,并分析它們的優(yōu)缺點(diǎn),幫助開發(fā)者在不同場景下選擇合適的解決方案,需要的朋友可以參考下2025-03-03
JS實(shí)現(xiàn)自動變化的導(dǎo)航菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)自動變化的導(dǎo)航菜單效果代碼,涉及JavaScript基于定時函數(shù)觸發(fā)頁面元素屬性動態(tài)變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)特別簡單的鐘表效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
error是指程序中的非正常運(yùn)行狀態(tài)，在其他編程語言中稱為“異?！被颉板e誤”，解釋器會為每個錯誤情形創(chuàng)建并拋出一個Error對象，其中包含錯誤的描述信息，這篇文章主要介紹了javascript中的Error對象，需要的朋友可以參考下2019-04-04