HTML <script> defer-Attribut

HTML <script> Tag

Definition und Verwendung

defer Attribut ist ein boolesches Attribut.

Wenn defer Attribut, wird das Skript gleichzeitig mit der Seitenausgabe heruntergeladen und nach Abschluss der Seitenausgabe ausgeführt.

Hinweis:defer Das Attribut ist nur für externe Skripte geeignet (nur wenn src-Attribut nur dann verwendet werden sollte).

Hinweis:Externe Skripte können auf verschiedene Weisen ausgeführt werden:

  • Wenn async gesetzt ist: Das Skript wird gleichzeitig mit der Seitenausgabe heruntergeladen und sofort ausgeführt, wenn es verfügbar ist (vor dem Abschluss der Seitenausgabe)
  • Wenn defer gesetzt ist (aber nicht async): Das Skript wird gleichzeitig mit der Seitenausgabe heruntergeladen und nach Abschluss der Seitenausgabe ausgeführt
  • Wenn weder async noch defer vorhanden sind: Das Skript wird sofort heruntergeladen und ausgeführt, blockiert die Seitenausgabe, bis das Skript abgeschlossen ist

Beispiel

Das Skript wird parallel zum Parsing der Seite heruntergeladen und nach dem Abschluss des Parsers ausgeführt:

<script src="demo_defer.js" defer></script>

Selbst ausprobieren

Syntax

<script defer>

Verzögerte Ausführung von Skripts

Sie können die Ausführung des Skripts mit den Attributen async und defer steuern. Das defer-Attribut lässt den Browser wissen, dass das Skript nach dem Laden und dem Parsing der Seite ausgeführt werden soll.

Wenn der Browser auf ein script-Element mit der defer-Attribut stößt, verzögert er das Laden und Ausführen des Skripts, bis alle Elemente im HTML-Dokument analysiert wurden.

Dies ist das gleiche Ergebnis wie das Verschieben des script an das Ende der Seite:

<body>
... ...
... ...
... ...
<script src="demo.js"></script>
</body>

Browserunterstützung

Die in der Tabelle genannten Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.5 5.0 15.0

HTML <script> Tag