Maison > Article > interface Web > 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('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>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!