如何动态卸载javascript文件?

时间:2009-02-26 17:57:04

标签: javascript

我使用Ajax包含页面,但我还需要包含各自的javascript文件,这需要同时从内存中删除以前的javascript文件。

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

5 个答案:

答案 0 :(得分:12)

这听起来像你需要重新评估你的设计。您需要删除ajax,或者您不需要在方法名称中发生冲突。

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

其中提供了有关如何从DOM中删除javascript的信息。但是,现代浏览器会将代码留在浏览器的内存中。

答案 1 :(得分:8)

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

答案 2 :(得分:7)

你可以命名代码......这样可以防止冲突

  

var MyJavaScriptCode = {};

     

MyJavaScriptCode.bla = function(){};

答案 3 :(得分:4)

实际上这很有可能。您可以替换脚本或链接元素。

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

你可以在那里学习一些技巧。

答案 4 :(得分:1)

可以从浏览器中卸载javaScript文件,清除整个代码。步骤是:

  1. 将ID赋予目标“ 脚本”元素(例如,“ mainJs ”,指向“ main.js ”))
  2. 创建另一个JS文件(例如“ flush.js ”),并在“ main.js ”中使用相同的函数和变量,并确保这些函数和变量内容为空。
  3. 用完“ main.js ”后,我们通过删除“ script#mainJs ”元素并加载“ flush.js”来刷新它”动态添加到DOM树中。

示例

mainJs    = document.getElementById("mainJs");
document.head.removeChild(mainJS);//Remooves main.js from the DOM tree

flushFile = document.createElement("script");
flushFile.setAttribute("src", "flush.js");
document.head.appendChild(flushFile);//Loads flush.js into the DOM tree, overwriting all functions and variables of main.js in browser memory to null

就这样