2009-02-26 138 views
23

我包括使用Ajax的页面,但我也需要包含它们各自的JavaScript文件,这需要在同一时间从内存中删除以前的JavaScript文件。如何动态卸载JavaScript文件?

如何卸载当前加载的javascript文件(以及它们在内存中的代码)以便我可以加载新页面的文件?他们会更有可能发生冲突,所以加载了多个独立文件的JavaScript文件。

+0

可能需要自定义加载和卸载。 – Pacerier 2017-04-07 20:52:38

回答

11

这听起来像你需要重新评估你的设计。要么你需要删除ajax,要么你不需要在方法名称中碰撞。

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

这给如何从DOM中删除的JavaScript信息。但是,现代浏览器会将代码留在浏览器的内存中。

+2

facebook使用相同的方法并保持代码清洁,所以它们不会混淆。一个适当的面向对象的代码会做得很好,所以没有冲突进来。 – Basit 2011-12-26 13:40:13

+0

现代浏览器垃圾收集。如果对已删除的代码的引用丢失,它最终将成为垃圾收集的候选者。 – 2014-02-04 15:02:49

+0

@ray:与我的回答相关的“现代”是4年前.GC当时并没有做的很好,我真的不知道他们今天是否做得更好。 – NotMe 2014-02-04 18:37:27

8

不,你不能那样做。一旦JavaScript块被载入浏览器并执行,它将被存储在相应窗口范围内的浏览器内存中。绝对没有办法卸载它(没有页面刷新/窗口关闭)。

2

其实这是很有可能的。您可以替换脚本或链接元素。

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。

6

你可以命名空间的代码..这样你防止碰撞

VAR MyJavaScriptCode = {};

MyJavaScriptCode.bla = function(){};