码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-04-03 22:32:04      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:parent   filename   append   attr   文件   app   jquer   target   indexof   

下面是在项目中用到的,直接封装好的函数,拿去在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文件

标签:parent   filename   append   attr   文件   app   jquer   target   indexof   

原文地址:https://www.cnblogs.com/lvxisha/p/10651635.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!