Comment utiliser l'événement onload de JavaScript

onload est un événement utilisé lors du traitement de documents tels que HTML. Il se produit immédiatement après le chargement de la page et de toutes les images et autres ressources. Dans cet article, nous présenterons en détail l'utilisation du onload. événement dans la méthode Comment utiliser lévénement onload de Comment utiliser lévénement onload de Comment utiliser lévénement onload de JavaScript.

Jetons d'abord un coup d'œil à la méthode d'écriture de base de l'événement onload

obj.onload = function() {
// 加载完成后需要立即处理的事件
}

Pour obj, il peut être spécifié comme window , HTML body, img et d'autres éléments.

Regardons un exemple précis

Exécuté lors du chargement de la page

Si vous exécutez le code suivant, vous pouvez lire la fenêtre traitement de l'objet

window.onload = function() {
  alert("页面已加载！");
};

L'effet d'exécution est le suivant

Le code suivant obtient le même effet

function load() {
  alert("页面已加载！");
}
window.onload = load;

Lors du chargement d'une image Exécuter

Le code est le suivant

var img = new Image();
img.onload = function() {
  alert("图像已加载！");
};
img.src = 'img/mouse.png';

L'effet d'exécution est le suivant

Enfin, jetons un coup d'oeil Notes sur l'utilisation de l'événement onload

Un gestionnaire d'événement avec onload ne peut pas définir plusieurs gestionnaires d'événements pour le même événement sur le même élément si vous le souhaitez ; pour définir plusieurs gestionnaires d'événements pour le même événement sur le même élément, nous pouvons alors utiliser addEventListener.

De plus, si vous souhaitez exécuter le processus immédiatement après avoir lu la page et toutes les ressources (comme les images), utilisez onload, mais si vous souhaitez exécuter le processus sans attendre la lecture, vous devez utiliser DOMContentLoaded .

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!