L'attribut async HTML
L'attribut async est un attribut booléen qui spécifie que le script sera exécuté de manière asynchrone dès qu'il est disponible. Il ne fonctionne que pour les scripts externes et doit être utilisé uniquement lorsque l'attribut src est présent.
Vous pouvez utiliser l'attribut async sur l'élément <script>.
Un script externe peut être exécuté de la manière suivante :
- Lorsqu'il est présent, le script sera exécuté de manière asynchrone pendant que la page continue son analyse.
- Lorsqu'il n'est pas présent mais que defer l'est, le script sera exécuté lorsque la page aura terminé son analyse.
- Lorsqu'aucun des deux n'est présent, le script sera exécuté immédiatement avant que le navigateur ne reprenne son analyse.
Syntaxe
html
<script src="example.js" async></script>Exemple de l'attribut async HTML :
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>Pratique
Quelle est la fonction de l'attribut 'async' en HTML ?