Heim > Web-Frontend > js-Tutorial > Zusammenfassung der Methoden zum dynamischen Laden von js_javascript-Kenntnissen

Zusammenfassung der Methoden zum dynamischen Laden von js_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:14:20
Original
921 Leute haben es durchsucht

Die Beispiele in diesem Artikel fassen die Methoden zum dynamischen Laden von js zusammen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Methode 1: Direktes document.write (asynchron)

Code kopieren Der Code lautet wie folgt:
");

Da es sich bei dieser Methode um ein asynchrones Laden handelt, schreibt document.write die Schnittstelle neu, was offensichtlich nicht praktikabel ist

Methode 2: Ändern Sie das src-Attribut eines vorhandenen Skripts dynamisch (asynchron)

Code kopieren Der Code lautet wie folgt:



Diese Methode ändert die Schnittstellenelemente nicht und schreibt die Schnittstellenelemente nicht neu, sondern wird auch asynchron geladen
Methode 3: Skriptelemente dynamisch erstellen (asynchron)



Code kopieren Der Code lautet wie folgt:<script></span> var body= document.getElementsByTagName('BODY').[0]; var script= document.createElement("script"); Script.type = "text/javascript"; Script.src="xx.js"; body.appendChild( oScript); </script>

Der Vorteil dieser Methode gegenüber der zweiten Methode besteht darin, dass zu Beginn kein Skript-Tag in die Schnittstelle geschrieben werden muss. Der Nachteil ist das asynchrone Laden

Methode 4: Laden von XMLHttpRequest/ActiveXObject (asynchron)


Code kopieren

Der Code lautet wie folgt:

/**
* JS-Skript asynchron laden
* @param id Die ID des
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage