网页删除脚本方法

来源:luqidong 发布时间:2014-02-17 19:00:10 点击数:

  大家都知道如何动态的添加脚本和样式,具体的思路就是创建元素,设置元素的属性,然后把元素给添加到网页的head里面,但是很少有情况是要删除某个脚本的方法,今天我就分享一个删除脚本的方法,希望能对大家有用。

动态删除 JavaScript/Csss 文件 
注意:ie6/7 下动态删除样式时有bug. 2种解决方案:1.样式表里不要有import的样式表 2.把link的type属性设置为空值, 然后再修改 href 的地, 或者直接设置href为空, 最后再把type值设置成”text/css” 强制让ie解释新的样式表。 
取得相应的 DOM 元素 
根据 文件名&文件类型 定位元素 
用 DOM removeChild 删除一个 “script” 或者 ”link” 元素 

 

代码如下:

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");