js 动态删除脚本样式

来源:luqidong 发布时间:2014-05-06 21:29:11 点击数:

  或许在某些情况下我们要对外部载入的连接脚本或者样式进行删除。我们一般情况下对dom元素进行操作,其实删除外部连接或者脚本的原理是一样的,给定一个样式或者脚本的id选择它,然后进行操作,比如删除或者修改src等。

上面这是原理 下面具代码分析下

function removejscssfile(filename, filetype){ 
//首先判断要删除的文件类型这里用链式写法
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none"; 
//再判断要删除文件名字
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none"; 
var allsuspects=document.getElementsByTagName(targetelement); 
//遍历元素, 并删除匹配的元素 
for (var i=allsuspects.length; i>=0; i--){ 
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1) 
allsuspects[i].parentNode.removeChild(allsuspects[i]); 

调用方法:
removejscssfile("somescript.js", "js"); 
removejscssfile("somestyle.css", "css"); 

本文由免费oa系统 78oa原创,转载请注明出处