1. 程式人生 > >js活jQuery實現動態添加、移除css/js文件

js活jQuery實現動態添加、移除css/js文件

elements nod let pre 動態添加 move href jquery name

下面是在項目中用到的,直接封裝好的函數,拿去在js中直接調用就可以實現css、js文件的動態引入與刪除。代碼如下

動態加載,移除,替換css/js文件
// 動態添加css文件
function addCss(filename){
var creatHead = $(‘head‘);
creatHead.append(‘<link rel="stylesheet" href="‘+filename+‘">‘)
}
// 移除css/js文件
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])
}
}

  

js活jQuery實現動態添加、移除css/js文件