Eine kurze Einführung in die Ausführungsreihenfolge von JavaScript

Dies ist ein Artikel über die Grundlagen von JavaScript. Er erklärt hauptsächlich die Reihenfolge, in der JavaScript nach dem Laden der Webseite ausgeführt wird. Dies ist für uns sehr wichtig, um den Funktionsmechanismus von JavaScript zu verstehen. Werfen wir einen Blick darauf.

Javascript wird von oben nach unten ausgeführt, sofern Sie nichts anderes angeben, wartet der Javascript-Code nicht, bis die Seite geladen ist, bevor er ausgeführt wird. Beispielsweise enthält eine Webseite den folgenden HTML-Code:

<p id="ele">welcome to www.codeceo.com</p>

Wenn Sie den folgenden Javascript-Code vor dieser HTML-Codezeile hinzufügen:

<script type="text/javascript">
  document.getElementById(&#39;ele&#39;).innerHTML= &#39;welcome to my blog&#39;;
</script>

Führen Sie die Seite aus bekomme so etwas wie diese Fehlermeldung: „document.getElementById('ele') ist null.“ Der Grund dafür ist, dass beim Ausführen des obigen Javascript kein DOM-Element mit vorhanden ist ID 'ele' auf der Seite.

Es gibt zwei Lösungen:

1. Platzieren Sie den Javascript-Code nach dem HTML-Code:

<p id="ele">welcome to www.codeceo.com</p>

2. Warten Sie, bis die Webseite geladen ist, und führen Sie das Javascript aus Code. Sie können die herkömmliche Lösung (Laden) verwenden: Fügen Sie zuerst „31e0bd138942fcd55b8cc9494cc91c45“ zum HTML-Text hinzu und rufen Sie dann den obigen Javascript-Code in der Funktion „load()“ auf . Worauf ich mich hier konzentrieren möchte, ist die Verwendung von jQuery, um dies zu erreichen:

<script>
$(document).ready(function(){
   document.getElementById(&#39;ele&#39;).innerHTML= &#39;welcome to my blog&#39;;
});
</script>
//当然,既然用到了jQuery,更简单的写法是：
<script>
$(document).ready(function(){
   $(&#39;#ele&#39;).html(&#39;welcome to my blog&#39;); //这里也可用.text()方法
});
</script>

Sie können den obigen jQuery-Code an einer beliebigen Stelle auf der Seite platzieren und er wartet immer bis zur Seite wird vor der Ausführung geladen.

Das obige ist der detaillierte Inhalt vonEine kurze Einführung in die Ausführungsreihenfolge von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!