动态加载、移除js/css文件的示例代码
更新时间:2018年03月20日 09:53:41 作者:dongsdh
本文简单介绍动态加载、移除、替换js/css文件的示例代码,代码简单易懂,非常不错,具有参考借鉴加载,需要的朋友参考下吧
本文简单介绍动态加载、移除、替换js/css文件 。有时候我们在写前端的时候,会有出现需要动态加载一些东如css js 这样能减轻用户加载负担,从而提高响应效率。下面贴出代码。
<script language="JavaScript"> //动态加载一个js/css文件 function loadjscssfile(filename, filetype){ if (filetype=="js"){ varfileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("src",filename) } else if (filetype=="css"){ varfileref=document.createElement("link") fileref.setAttribute("rel","stylesheet") fileref.setAttribute("type","text/css") fileref.setAttribute("href",filename) } if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref) } </script>
使用示例:
loadjscssfile("myscript.js","js") loadjscssfile("javascript.PHP","js") loadjscssfile("mystyle.css","css") <scriptlanguage="javascript"> //移动已经加载过的js/css function removejscssfile(filename,filetype){ vartargetelement=(filetype=="js")? "script" :(filetype=="css")? "link" : "none" var targetattr=(filetype=="js")?"src" : (filetype=="css")? "href" :"none" varallsuspects=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]) } } </script>
使用示例:
removejscssfile("somescript.js","js") removejscssfile("somestyle.css","css")
总结
以上所述是小编给大家介绍的动态加载、移除js/css文件的示例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
下面小编就为大家带来一篇javascript超过容器后显示省略号效果的方法(兼容一行或者多行)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-07-07uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案
这篇文章主要给大家介绍了关于uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-04-04js中编码函数:escape,encodeURI与encodeURIComponent详解
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法,而他们之间的异同却困扰了很多的Javascript初学者,这篇文章详细的给大家介绍了js中编码函数:escape,encodeURI与encodeURIComponent的相关资料,需要的朋友可以参考下。2017-03-03
最新评论