这次给大家带来动态操作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)
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
怎样操作node静态资源服务器
给nodejs里密码加密有哪几种方式
以上就是动态操作js/css文件有哪些方法的详细内容。