Wie Sie wahrscheinlich wissen, wird das -Tag verwendet, um anzugeben, welches JavaScript auf einer Webseite ausgeführt werden soll. Das <script>-Tag kann JavaScript-Code direkt enthalten oder auf eine externe JavaScript-URL verweisen. </p> <h3 id="script-"><script>-Tags werden in der Reihenfolge ausgeführt, in der sie erscheinen </h3> <p>Der folgende Code veranschaulicht dies intuitiv: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;"><script> var x = 3; alert(x); // Will alert '3'; Nach dem Login kopierenBei der Verwendung externer Linkressourcen gibt es keine Ladereihenfolge. Sehr intuitiv , aber immer noch wahr: Nach dem Login kopierenVerwandte Lernempfehlungen: Javascript-Video-TutorialWenn Sie externe Links und Inline-Links mischen. Für JavaScript gilt die gleiche Regel gilt. Das bedeutet, dass Ihre Seite deutlich langsamer geladen wird, wenn Ihre Website über langsame Skripte verfügt, die früher auf der Seite geladen werden. Dies bedeutet auch, dass später geladene Skripte von zuerst geladenen Skripten abhängen können. Ein Seitenelement wird erst gerendert, wenn alle Skripte davor geladen wurden. Das bedeutet, dass Sie alle möglichen verrückten Dinge auf Ihren Webseiten tun können, bevor sie geladen werden, solange Sie sich nicht um die dadurch verursachten Leistungsprobleme kümmern. Diese Regel gilt jedoch nicht, wenn Sie das -Tag über Methoden wie <code>document.appendChild</code> zum DOM hinzufügen, nachdem die Webseite geladen wurde. Diese Tags führen die Skripte in der Reihenfolge aus, in der die Verarbeitung der Browseranforderung abgeschlossen ist, und die Ladereihenfolge ist nicht mehr garantiert. </p><h3 id="-script-html-">Wenn ein <script>-Tag ausgeführt wird, sind die HTML-Elemente davor zugänglich (die danach jedoch noch nicht) </h3><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;"><html> <head> <script> // document.head is available // document.body is not! // document.head is available // document.body is available