Zum Inhalt springen

HTML async-Attribut

Das async-Attribut ist ein boolesches Attribut und gibt an, dass das Skript asynchron ausgeführt wird, sobald es verfügbar ist. Es funktioniert nur für externe Skripte und darf nur verwendet werden, wenn das src-Attribut vorhanden ist.

Sie können das async-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 die Seite weiterhin geparst wird.
  • Wenn async nicht vorhanden ist, defer jedoch vorhanden ist, wird das Skript ausgeführt, wenn die Seite das Parsing abgeschlossen hat.
  • Wenn weder async noch defer vorhanden ist, wird das Skript sofort ausgeführt, bevor der Browser das Parsing fortsetzt.

Syntax

html
<script src="example.js" async></script>

Beispiel für das HTML async-Attribut:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <script src="example.js" async></script>
    <noscript>Sorry, your browser does not support JavaScript!</noscript>
  </head>
  <body>
    <h1>Example</h1>
    <p>
      A browser that doesn’t support JavaScript will display the content inside the noscript element.
    </p>
    <script>
      document.write("My first JavaScript example!")
    </script>
  </body>
</html>

Practice

Was ist die Funktion des 'async'-Attributs in HTML?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.