HTML defer-Attribut
Das HTML defer-Attribut gibt an, dass ein Skript ausgeführt wird, wenn das Parsing der Seite abgeschlossen ist. Es ist ein boolesches Attribut. Dieses Attribut funktioniert für externe Skripte und muss nur verwendet werden, wenn das src-Attribut vorhanden ist.
In HTML 4.01 war das Verhalten des defer-Attributs implementierungsabhängig, während es in HTML5 standardisiert wurde. In XHTML muss das defer-Attribut als <script defer="defer"> angegeben werden, da die Attribut-Minimierung verboten ist.
Sie können dieses Attribut auf dem <script>-Element verwenden.
Ein externes Skript kann auf folgende Weise ausgeführt werden:
- Wenn async vorhanden ist, wird das Skript asynchron ausgeführt, während das Parsing der Seite fortgesetzt wird.
- Wenn async nicht vorhanden ist, aber defer vorhanden ist, wird das Skript ausgeführt, wenn das Parsing der Seite abgeschlossen ist, in der Reihenfolge, in der sie im Dokument erscheinen.
- Wenn weder async noch defer vorhanden ist, wird das Skript sofort ausgeführt, bevor der Browser das Parsing fortsetzt.
Syntax
Syntax des HTML defer-Attributs
<script src="example.js" defer></script>Beispiel für das HTML defer-Attribut:
Beispiel für das HTML defer-Attribut
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<script src="example.js" defer></script>
<noscript>Sorry, your browser doesn't support JavaScript!</noscript>
</head>
<body>
<h1>Example</h1>
<p>The "defer" attribute specifies that a script is executed when a page has finished the parsing. It is a boolean attribute.</p>
</body>
</html>Praxis
Was ist die korrekte Verwendung des 'defer'-Attributs in HTML?