我使用Ajax包含页面,但我还需要包含各自的javascript文件,这需要同时从内存中删除以前的javascript文件。
如何卸载当前加载的javascript文件(以及它们在内存中的代码),以便我可以加载新页面的文件?它们很可能会发生冲突,因此加载了多个独立文件的javascript文件。
答案 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文件,清除整个代码。步骤是:
示例
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
就这样