本文简单介绍动态加载,移除,替换js/css文件。有时候我们在写前端的时候,会有出现需要动态加载一些东如css js这样能减轻用户加载负担,从而提高响应效率。下面贴出代码。
& lt;脚本语言=癑avaScript”比;//动态加载一个js/css文件
函数loadjscssfile(文件名,文件类型){
如果文件类型==癹s”) {
varfileref=document.createElement(脚本)
fileref.setAttribute(“类型”、“text/javascript”)
fileref.setAttribute (“src”,文件名)
}
else if(文件类型==css) {
varfileref=document.createElement(“链接”)
fileref.setAttribute (“rel”、“样式表”)
fileref.setAttribute(“类型”、“文本/css”)
fileref.setAttribute (“href”,文件名)
}
如果(typeof fileref !=岸ㄒ濉?
document.getElementsByTagName(“头”)[0].appendChild (fileref)
}
& lt;/script>
使用示例:
loadjscssfile (“myscript.js”、“js”)
loadjscssfile (“javascript.PHP”、“js”)
loadjscssfile (“mystyle.css”、“css”)
& lt; scriptlanguage=癹avascript”比;//移动已经加载过的js/css
函数removejscssfile(文件名,文件类型){
vartargetelement=(文件类型==" js”) & # 63;“脚本”:(文件类型==css) & # 63;“链接”:“没有”
var targetattr=(文件类型==癹s”) & # 63;“src”:(文件类型==css) & # 63;“href”:“没有”
varallsuspects=document.getElementsByTagName (targetelement)
我对(var=allsuspects.length;i>=0;我——){
如果(allsuspects[我],和allsuspects[我].getAttribute (targetattr) !=零,,allsuspects[我].getAttribute (targetattr) .indexOf(文件名)!=1)
allsuspects[我].parentNode.removeChild (allsuspects[我])
}
}
& lt;/script>
,使用示例:
removejscssfile (“somescript.js”、“js”)
removejscssfile (“somestyle.css”、“css)
以上所述是小编给大家介绍的动态加载,移除js/css文件的示例代码,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
