Exemple de code pour charger et supprimer dynamiquement des fichiers js/css

Cet article présente brièvement l'exemple de code pour charger, supprimer et remplacer dynamiquement les fichiers js/css. Le code est simple et facile à comprendre, très bon et a un chargement de référence. Les amis qui en ont besoin peuvent s'y référer

Cet article présente brièvement la dynamique Charger, supprimer et remplacer les fichiers js/css. Parfois, lorsque nous écrivons le front-end, il sera nécessaire de charger dynamiquement certains éléments tels que CSS JS. Cela peut réduire la charge de chargement de l'utilisateur et améliorer l'efficacité des réponses. Le code est affiché ci-dessous.

 <script language="JavaScript">
//动态加载一个js/css文件
function loadjscssfile(filename, filetype){
if (filetype=="js"){
varfileref=document.createElement(&#39;script&#39;)
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>

Exemple d'utilisation :

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>

Exemple d'utilisation :

removejscssfile("somescript.js","js")
removejscssfile("somestyle.css","css")

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Téléchargement de fichiers via Ajax à l'aide de FormData pour les requêtes Ajax

Méthode JQuery Ajax pour télécharger des fichiers

Utilisation d'ajax pour implémenter des demandes d'actualisation asynchrones

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!