在运行时加载和卸载javascript

Question

是否可以在运行时通过JavaScript添加或删除JavaScript文件和CSS文件？如果JavaScript无法实现,那么我们可以通过PHP或任何其他服务器站点语言来实现吗？

实际上我尝试了yep-nope js,但我无法卸载任何javascript.

Answer 1

检查这个 , 这个 和这个

从顶部链接,动态添加js或css:

function loadjscssfile(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)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file

另外,要动态删除js或css:

function removejscssfile(filename, filetype){
 var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
 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(filename)!=-1)
   allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
 }
}    
removejscssfile("somescript.js", "js") //remove all occurences of "somescript.js" on page
removejscssfile("somestyle.css", "css") //remove all occurences "somestyle.css" on page

但请注意删除:

那么当您删除外部JavaScript或CSS文件时实际发生了什么？也许并不完全是你所期望的.对于JavaScript,当从文档树中删除元素时,作为外部JavaScript文件的一部分加载的任何代码都保留在浏览器的内存中.也就是说,您仍然可以访问首次加载外部文件时添加的变量,函数等

Answer 2

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

在最大值,您所能做的就是将您的javascript文件中包含的变量设置为Null.但同样,这不会完全消除问题,但是,对这些变量的任何进一步访问都不会产生结果.