这次给大家带来加载移除js与css文件步骤详解,加载移除js与css文件步骤详解的注意事项有哪些,下面就是实战案例,一起来看一下。
<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)
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
vue数据传递方法总结
vue+storejs获取数据使用说明
以上就是加载移除js与css文件步骤详解的详细内容。