如何動態卸載JavaScript文件？

Question

我包括使用Ajax的頁面，但我也需要包含它們各自的JavaScript文件，這需要在同一時間從內存中刪除以前的JavaScript文件。

如何卸載當前加載的javascript文件（以及它們在內存中的代碼）以便我可以加載新頁面的文件？他們會更有可能發生衝突，所以加載了多個獨立文件的JavaScript文件。

Answer 1

這聽起來像你需要重新評估你的設計。要麼你需要刪除ajax，要麼你不需要在方法名稱中碰撞。

您可以查看此鏈接：http://www.javascriptkit.com/javatutors/loadjavascriptcss2.shtml

這給如何從DOM中刪除的JavaScript信息。但是，現代瀏覽器會將代碼留在瀏覽器的內存中。

Answer 2

不，你不能那樣做。一旦JavaScript塊被載入瀏覽器並執行，它將被存儲在相應窗口範圍內的瀏覽器內存中。絕對沒有辦法卸載它（沒有頁面刷新/窗口關閉）。

Answer 3

其實這是很有可能的。您可以替換腳本或鏈接元素。

function createjscssfile(filename, filetype){ 
if (filetype=="js"){ //if filename is a external JavaScript file 
    var fileref=document.createElement('script') 
    fileref.setAttribute("type","text/javascript") 
    fileref.setAttribute("src", filename) 
} 

else if (filetype=="css"){ //if filename is an external CSS file 
    var fileref=document.createElement("link") 
    fileref.setAttribute("rel", "stylesheet") 
    fileref.setAttribute("type", "text/css") 
    fileref.setAttribute("href", filename) 
} 
    return fileref 
} 

function replacejscssfile(oldfilename, newfilename, filetype){ 
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist using 
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for 
var allsuspects=document.getElementsByTagName(targetelement) 
for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove 
    if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(oldfilename)!=-1){ 
     var newelement=createjscssfile(newfilename, filetype) 
     allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i]) 
    } 
    } 
} 

您必須填寫文件名參數src屬性和文件類型爲「JS」或「CSS」

我覺得沒有必要解釋的代碼。你也在2009年發佈，但嘿。也許有人會需要它嗎？ :)

一切歸功於：http://www.javascriptkit.com/javatutors/loadjavascriptcss2.shtml

你可以學到一些技巧有BTW。

Answer 4

你可以命名空間的代碼..這樣你防止碰撞

VAR MyJavaScriptCode = {};

MyJavaScriptCode.bla = function（）{};