Comment exécuter du code JavaScript une fois la page entière, y compris les images, chargée ?

Exécuter une fonction lorsque la page est entièrement chargée

Lorsque vous travaillez avec des pages Web, il peut arriver que vous ayez besoin d'un code JavaScript spécifique pour s'exécute uniquement lorsque la page entière, y compris les images, est complètement chargée. Bien que la vérification de l'état de préparation du DOM (Document Object Model) soit une méthode courante, il est important de la distinguer de l'achèvement du chargement de la page.

Détermination de l'état de chargement de la page

Avant que le DOM soit prêt a été implémenté, l'événement de chargement a été utilisé pour signifier l'achèvement de la page. Il sert encore cet objectif aujourd’hui. DOM ready, en revanche, indique spécifiquement quand le DOM est prêt pour la manipulation JavaScript.

Utilisation de l'événement de chargement

Pour exécuter une fonction lorsque la page est entièrement chargé, y compris les images, vous pouvez utiliser l'écouteur d'événement de chargement :

<code class="js">window.addEventListener('load', function () {
  alert("It's loaded!")
})</code>

Ce code attachera un écouteur d'événement à l'événement de chargement. Lorsque la page et ses images seront entièrement chargées, la fonction au sein de l'écouteur d'événements sera déclenchée.

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!