|
復(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后,會(huì)自動(dòng)加載并運(yùn)行。
var head = document.getElementsByTagName('head')[0];
head.appendChild(script)
實(shí)際上很多流行的JS庫都采用這種方式,創(chuàng)建一個(gè)scritp標(biāo)簽,賦予一個(gè)ID后加載腳本(比如YUI get()),加載完并回調(diào)后清除該標(biāo)簽。問題在于當(dāng)你清除這些script標(biāo)簽的時(shí)候,瀏覽器僅僅是移除該標(biāo)簽結(jié)點(diǎn)。
復(fù)制代碼 代碼如下:
var script = document.getElementById('JSONP');
script.parentNode.removeChild(script);
當(dāng)瀏覽器移除這標(biāo)簽結(jié)點(diǎn)后的同時(shí)并沒對結(jié)點(diǎn)內(nèi)JavaScript資源的進(jìn)行垃圾回收,這意味著移除標(biāo)簽結(jié)點(diǎn)還不夠,還得手動(dòng)的清除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);
// 瀏覽器不會(huì)回收這些屬性所指向的對象.
//手動(dòng)刪除它以免內(nèi)存泄漏.
for (var prop in script) {
delete script[prop];
}
}
JavaScript技術(shù):防止動(dòng)態(tài)加載JavaScript引起的內(nèi)存泄漏問題,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。