首页 > Web开发 > 详细

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

时间:2019-04-03 21:34:19      阅读:227      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!