Quel est l'événement de la fenêtre sur JavaScript?
JavaScript propose un événement de fenêtre pour lancer certaines fonctions chaque fois qu'une page Web est chargée. L'événement Onload est également utilisé pour la vérification du type et de la version du navigateur du visiteur. D'autres cookies peuvent également être vérifiés via l'attribut onload.
L'attribut de Onload se déclenche lorsque l'objet est chargé en HTML. Il s'agit de lancer le script chaque fois que l'élément associé se charge. En mots plus simples, nous pouvons dire que l'événement de charge de fenêtre est déclenché chaque fois qu'une page Web est lancée avec succès.
L'événement Onload est utilisé avec pour exécuter un script une fois que sa substance (qui comprend des fichiers, des images et des scripts CSS) de la page est complètement déclenché. Cependant, vous n'avez pas toujours besoin d'une balise. Il peut être utilisé avec d'autres éléments HTML.
Le téléchargement.Onload se lance avant les images et le contenu externe, déclenché juste avant la fenêtre.en charge. Alors que la fenêtre.Onload commence après que la page soit complètement chargée, y compris CSS, les fichiers de script, les images et bien d'autres.
Si vous souhaitez manipuler l'événement de chargement dans JavaScript, vous devez enregistrer l'écouteur d'événements via la méthode d'AdveventListener () comme indiqué dans l'exemple ci-dessous:
fenêtre.addEventListener ('Load', (événement) =>console.journal (page chargée);
);
Vous pouvez également gérer l'événement de chargement via la propriété de l'objet Windows I.e. en charge. L'exemple ci-dessous montre comment utiliser la propriété Onload:
fenêtre.onload = (événement) =>console.log ('page chargée');
;
Fenêtre.Événement Onload dans la section Head de HTML
Tout d'abord, nous allons présenter un exemple simple de fenêtre.Événement Onload. Dans cet exemple, nous affichons simplement un message d'alerte chaque fois qu'une page est chargée.
Syntaxe
fenêtre.onload = functionName ();Exemple
Sortir
Événement Onload dans la section Body de HTML
Le contenu peut être affiché dans la section corporelle de HTML. Chaque fois que la page Web est chargée, l'événement qui s'est produit à ce moment est nommé événement Onload. Nous pouvons utiliser l'événement Onload dans la section Body afin que nous puissions exécuter le script.
Syntaxe
Exemple
Si vous souhaitez utiliser un événement Onload dans la section Body, exécutez le code suivant.
Sortir
Événement de charge de fenêtre dans la section corporelle de HTML
L'objet de la fenêtre Onload représente la fenêtre du navigateur. Chaque fois que toutes les opérations sont complètement chargées, la propriété Onload traite l'événement de chargement. La fonction que nous voulons exécuter est allouée à la fonction de gestionnaire de la propriété onload. Chaque fois que la page Web est chargée, la fonction sera exécutée. Nous vous avons fourni un exemple ci-dessous.
Syntaxe
fenêtre.onload = fonction functionname ()// Écrivez une fonction ici
Exemple
Qu'est-ce que l'événement Window Onload dans JavaScript?
Script exécuté. Vous pouvez maintenant vérifier votre console pour voir la sortie.
Sortir
Sortie de la console
Si vous souhaitez voir la sortie de la console, vous devez ouvrir Devtool en appuyant sur les touches de raccourci I.e. Ctrl + shift + i. Après avoir ouvert le Devtool, vous pourrez voir l'écran de sortie de la console comme indiqué ci-dessous.
Conclusion
Nous avons appris quelle fenêtre.L'événement Onload () est et a également appris la syntaxe de l'événement Onload. Nous avons brièvement discuté de plusieurs méthodes pour écrire des événements Onload en JavaScript avec un exemple. Pour récapituler, fenêtre.L'événement onload () déclenche une fois la page Web chargée. Nous voyons également que l'événement Onload est utile pour définir la version des navigateurs et également utilisé pour observer les cookies d'une page Web.