Maison >interface Web >js tutoriel >Exemple de code pour charger et supprimer dynamiquement des fichiers js/css

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

亚连
亚连original
2018-05-25 16:47:571665parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn