Beispielcode zum dynamischen Laden und Entfernen von js/css-Dateien

In diesem Artikel wird kurz der Beispielcode zum dynamischen Laden, Entfernen und Ersetzen von JS/CSS-Dateien vorgestellt. Der Code ist einfach und leicht zu verstehen, sehr gut und kann als Referenz verwendet werden.

In diesem Artikel wird kurz das dynamische Laden, Entfernen und Ersetzen von js/css-Dateien vorgestellt. Manchmal müssen wir beim Schreiben des Front-Ends einige Dinge wie CSS, JS dynamisch laden. Dies kann die Ladelast des Benutzers verringern und die Antworteffizienz verbessern. Der Code ist unten aufgeführt.

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

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 habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Hochladen von Dateien über Ajax mit FormData für Ajax-Anfragen

JQuery Ajax-Methode zum Hochladen von Dateien

Verwendung von Ajax zur Implementierung asynchroner Aktualisierungsanforderungen

Das obige ist der detaillierte Inhalt vonBeispielcode zum dynamischen Laden und Entfernen von js/css-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!