js活jQuery实现动态添加、移除css/js文件

转载于 2019-04-03 21:25:00 发布

· 658 阅读

0 ·

版权

原文链接：http://www.cnblogs.com/lvxisha/p/10651635.html

文章标签：

#javascript #ViewUI

下面是在项目中用到的，直接封装好的函数，拿去在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])
}
}

转载于:https://www.cnblogs.com/lvxisha/p/10651635.html