suchen

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

Zusammenfassung der Methoden zum dynamischen Laden von js_javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 16:14:20895Durchsuche

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