Heim >Web-Frontend >js-Tutorial >Welche Methoden gibt es, um JS/CSS-Dateien dynamisch zu betreiben?
Dieses Mal werde ich Ihnen einige Methoden zum dynamischen Betrieb von js/css-Dateien vorstellen und welche Vorsichtsmaßnahmen für den dynamischen Betrieb von js/css-Dateien gelten. Hier sind praktische Fälle, schauen wir uns das an.
<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/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>
Anwendungsbeispiel:
removejscssfile("somescript.js","js") removejscssfile("somestyle.css","css")
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Dinge, bitte achten Sie auf PHP Weitere verwandte Artikel auf der chinesischen Website!
Empfohlene Lektüre:
So bedienen Sie den statischen Node-Ressourcenserver
Wie können Passwörter in nodejs verschlüsselt werden?
Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es, um JS/CSS-Dateien dynamisch zu betreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!