Window.onload vs Body onload : quel événement devriez-vous utiliser ?-js tutoriel-php.cn

Window.onload vs Body onload : quel événement devriez-vous utiliser ?

Susan Sarandon

Libérer： 2024-11-02 07:23:29

original

415 Les gens l'ont consulté

Window.onload vs Body onload: Which Event Should You Use?

Quand utiliser window.onload vs Body onload Event

L'événement window.onload et l'événement onload de la balise body sont tous deux utilisés pour attacher une fonction JavaScript à exécuter lorsque la page entière (y compris les images, les styles et les cadres) est chargée dans le navigateur.

window.onload

La fenêtre. L'événement onload est un gestionnaire d'événements attaché à l'objet window. Il est déclenché lorsque la page entière, y compris toutes ses ressources (telles que les images, les feuilles de style et les scripts), a été chargée.

L'événement onload de la balise body est un gestionnaire d'événements attaché à l'élément body. Il est déclenché lorsque la page entière, à l'exclusion des ressources externes, a été chargée.

Quand utiliser chaque événement

En général, vous devez utiliser window.onload événement lorsque vous devez exécuter une fonction après le chargement de la page entière, y compris toutes ses ressources. Vous devez utiliser l'événement onload de la balise body lorsque vous devez exécuter une fonction après le chargement de la page, à l'exclusion de toute ressource externe.

Exemple

Le Le code JavaScript suivant utilise l'événement window.onload pour exécuter une fonction après le chargement de la page entière :

<code class="js">window.onload = function() {
  // Perform some action
}</code>

Copier après la connexion

Le code JavaScript suivant utilise l'événement onload de la balise body pour exécuter une fonction après la page, à l'exclusion de toute ressource externe, a été chargé :

<code class="html"><body onload="myFunction()">
  <!-- Page content -->
</body></code>

Copier après la connexion

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!