本文简单介绍动态加载、移除、替换js/css文件 。有时候我们在写前端的时候，会有出现需要动态加载一些东如css js 这样能减轻用户加载负担，从而提高响应效率。下面贴出代码。

//JS写法

 

 //jquery加载css

$('#btn').click(function() { 　　$('head').children(':last').attr({ 　　　　rel: "stylesheet", 　　　　type: 'text/css', 　　　　href: './style.css', 　　}); })

//jquery加载js $.getScript("index.js");//直接加载//当加载完成之后需要进行后续操作,可利用callback实现$.getScript("test.js", function() {  console.log('success')});$.getScript()//也可利用done的方式判断js文件是否加载成功$.getScript("test.js").done(function() {  console.log('success')});

//动态移除

//移动已经加载过的js/cssfunction 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")

替换已经加载的js/css文件，代码如下：

---------------------

作者：CG-Jun

来源：CSDN

原文：https://blog.csdn.net/m0_37950366/article/details/70207389

版权声明：本文为博主原创文章，转载请附上博文链接！