Équivalent de .Chargement en JavaScript

".charger()"Est une méthode jQuery qui est utilisée pour récupérer le contenu du serveur et l'injecter ou l'intégrer dans la page Web. Parfois, les développeurs veulent faire les mêmes fonctionnalités en utilisant la vanille javascript. JavaScript fournit des méthodes ou des événements prédéfinis pour effectuer des fonctionnalités exactement similaires à la jQuery ".Méthode Load () ”.

Ce message décrira les méthodes équivalentes de «.chargement () ”en javascript.

Quel est l'équivalent de .Load () en javascript?

Il n'y a pas d'équivalent direct du «.charger()»Méthode en JavaScript. Mais, certaines autres manières fournissent des fonctionnalités équivalentes, comme:

• Méthode addEventListener ()
• Événement Onload

Solution 1: Utilisez la méthode "addEventListener ()" comme l'équivalent de .Load () dans le javascript

Le "addEventListener ()«La méthode dans JavaScript est utilisée pour ajouter un écouteur d'événements à un élément. L'auditeur d'événements vérifie un certain événement, comme un clic, un chargement ou une pression de touche, et remplit une fonction lorsqu'il le détecte.

Exemple

Dans l'exemple donné, nous verrons si le DOM est chargé en utilisant le «DomContentélé»Événement dans la méthode AdveventListener (). Pour cela, joignez un auditeur d'événements au «document"Objet qui exécute une fonction pour afficher le message d'alerte"La page actuelle a été chargée»:

document.addEventListener ("DomContentloaded", function ()
alert («La page actuelle a été chargée»);
);

La sortie indique que le message d'alerte est affiché lorsque le DOM est chargé:

Solution 2: Utilisez l'événement «Onload» comme l'équivalent de .Load () en javascript

Vous pouvez également utiliser le «en charge»Événement en JavaScript en tant qu'équivalent de la jQuery».charger()". L'événement Onload est utilisé pour attacher un gestionnaire d'événements à l'événement de chargement d'un élément. C'est similaire au «.charger()», Mais au lieu d'utiliser une méthode, elle est définie directement sur l'élément en tant que propriété. La charge est utilisée dans JavaScript comme:

• en charge
• Attachez sur la balise

Exemple 1: Utilisation de «Fenêtre.onload »comme l'équivalent de .Load () en javascript

Le "fenêtre.en charge»L'événement est licencié après avoir chargé la page Web complète, y compris toutes ses ressources, telles que les images, le contenu, etc. Fixez le «en charge”Événement avec le"fenêtre”Objet pour appeler la fonction pour afficher un message d'alerte:

fenêtre.onload = function ()
alert («La page actuelle a été chargée»);
;

Comme vous pouvez le voir, tout en rafraîchissant la page, le message d'alerte est affiché après le chargement de tout le contenu de la page:

Exemple 2: Utilisation de «Onload» sur la balise comme équivalent de .Load () en javascript

Ici, nous joindrons le «en charge”Événement avec le"”Tag qui appelle le«loadFunc ()”Fonction qui s'exécutera une fois la page Web terminée le chargement:

Dans la balise, définissez une fonction "loadFunc ()«Cela montre un message d'alerte après le chargement de la page entière:

fonction chargefunc ()
alert («La page actuelle a été chargée»);

Sortir

Il s'agit de l'équivalent de jQuery ".Méthode charge () ”en javascript.

Conclusion

Il n'y a pas d'équivalent direct de ".charger()»En JavaScript. Mais, vous pouvez utiliser le «addEventListener ()«Méthode ou«en charge«Événement comme un«fenêtre.en charge"Ou attachez un"en charge»Événement avec tag. Dans ce tutoriel, nous avons examiné comment implémenter la jQuery ".Méthode charge () ”en javascript.