Detaillierte Erläuterung der Schritte zum Laden und Entfernen von JS- und CSS-Dateien

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Laden und Entfernen von JS- und CSS-Dateien geben. Was sind die Vorsichtsmaßnahmen und die detaillierten Schritte zum Laden und Entfernen von JS- und CSS-Dateien Ein praktischer Fall, werfen wir einen Blick darauf.

 <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>

Anwendungsbeispiel:

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:

Zusammenfassung der Vue-Datenübertragungsmethoden

Anleitung zur Verwendung von vue+storejs zum Abrufen von Daten

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Laden und Entfernen von JS- und CSS-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!