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
asyncvorhanden ist, wird das Skript asynchron ausgeführt, während die Seite weiterhin geparst wird. - Wenn
asyncnicht vorhanden ist,deferjedoch vorhanden ist, wird das Skript ausgeführt, wenn die Seite das Parsing abgeschlossen hat. - Wenn weder
asyncnochdefervorhanden 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?