这次给大家带来怎样动态操作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/cssfunction removejscssfile(filename,filetype){vartargetelement=(filetype==js)? script :(filetype==css)? link : nonevar targetattr=(filetype==js)?src : (filetype==css)? href :nonevarallsuspects=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代码规范检测
mint-ui在手机端做出下拉刷新与上拉加载
以上就是怎样动态操作js/css文件的详细内容。