JavaScript async : Démo HTML5
Mise à jour : 2017-01-22
La balise <script> prend désormais un attribut supplémentaire qui permet l'exécution asynchrone.
Ainsi un script ne bloque plus le chargement d'une page.
<script>
- async : rend l'exécution asynchrone, pour un script sourcé
Notes sur le tuto
- Ce type d'attribut n'est pas modifiable dynamiquement.
- Ne fonctionne que pour un script qui est sourcé.
- Opera ne supporte cet attribut qu'au premier chargement de la page, mais pas après un refresh.
Exemple de code HTML5
<!--_async.js eltDemo = document.getElementById("demo") eltDemo.innerHTML += "2. Si cette phrase est en premier, \"async\" n'est pas supporté !<br><br>" eltDemo.className = "ok" --> <span id="demo"></span> <script async src="_async.js"></script> <script> eltDemo = document.getElementById("demo") eltDemo.innerHTML += "1. Si cette phrase est en premier, \"async\" est supporté !<br><br>" eltDemo.className = "ko" </script>
Démonstration du résultat HTML5
Détection automatique du support HTML5
Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)<script src="_html5detect.js"></script> <script>isAttributeSupported("script", "async")</script>