Utilisez l'attribut async pour charger et exécuter de manière asynchrone des méthodes JavaScript

L'une des principales raisons pour lesquelles je suis enthousiasmé par HTML5 est que les nouvelles fonctions et fonctionnalités qui y sont implémentées sont tout ce que nous attendions avec impatience depuis longtemps. Par exemple, j'ai déjà utilisé des espaces réservés, mais j'ai dû les implémenter en JavaScript. L'attribut async fourni pour les balises JavaScript en HTML5 permet de charger et d'exécuter JavaScript de manière asynchrone. Auparavant, j'avais besoin de divers plugins JavaScript pour réaliser cette fonctionnalité, mais désormais ce nouvel attribut nous permet d'implémenter facilement le chargement asynchrone.

async – Code HTML

C'est très simple, comme ceci :

<script async src="siteScript.js" onload="myInit()"></script>

En fait, si vous êtes un programmeur sérieux, vous devriez faire plus de 90 % de SCRIPT les balises utilisent l'attribut async.

defer – Le code HTML

a également un attribut async similaire à l'attribut defer :

<script defer src="siteScript.js" onload="myInit()"></script>

a une syntaxe très similaire à celle de l'attribut async.

async & defer – Différences

Ce blog WebKit explique très clairement les différences entre defer et async之间 :

View Le processeur chargera et analysera les scripts marqués avec l'attribut async ou defer immédiatement, et prendront également en charge l'événement onload qui s'appuie sur ce script pour l'initialisation. La différence entre l'attribut async et l'attribut defer réside dans le moment où le script est exécuté. Les scripts marqués de l'attribut async seront exécutés une fois le téléchargement terminé, sans attendre l'événement de chargement de la fenêtre. Cela signifie que les scripts marqués de l'attribut async ne seront pas nécessairement exécutés dans l'ordre dans lequel ils sont intégrés dans la page. Les scripts marqués de l'attribut defer seront définitivement exécutés dans l'ordre dans lequel ils apparaissent sur la page. L'exécution commencera une fois l'analyse complètement terminée, mais avant l'événement DOMContentLoaded du document.

Quels navigateurs prennent en charge les attributs asynchrones et différés ?

Citation du blog Safari :

Navigateurs à moteur WebKit (Google Chrome et Safari). Firefox prend en charge les attributs async et defer à partir de la version 3.6. IE prend également en charge l'attribut defer depuis longtemps, mais ne prend pas en charge l'attribut async. L'attribut onload est pris en charge dans IE9.

async est tellement utile !

Cela me rend très heureux de voir les navigateurs implémenter la fonctionnalité async. C'est en effet un gros problème d'être bloqué par JavaScript lors de la navigation sur la page du site Web. Les capacités de chargement et d'exécution asynchrones de l'attribut async augmenteront certainement la vitesse des pages du site Web.

Tutoriel recommandé : "Tutoriel sur les bases de Javascript"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!