Äquivalent von .Laden Sie JavaScript ein

“.Belastung()Ist eine JQuery -Methode, die zum Abrufen von Inhalten vom Server und zum Einbetten oder Einbetten in die Webseite verwendet wird. Manchmal möchten Entwickler mit Vanilla JavaScript die gleiche Funktionalität durchführen. JavaScript bietet einige vorgebaute Methoden oder Ereignisse, um der JQuery genau ähnliche Funktionen durchzuführen. “.load () ”Methode.

Dieser Beitrag beschreibt die äquivalenten Methoden von “.load () ”in JavaScript.

Was ist das Äquivalent zu .load () in JavaScript?

Es gibt kein direktes Äquivalent der “.Belastung()Methode in JavaScript. Einige andere verschiedene Arten bieten jedoch gleichwertige Funktionen, wie zum Beispiel:

• addEventListener () Methode
• Onload -Ereignis

Lösung 1: Verwenden Sie die Methode „AddEventListener ()“ als Äquivalent von .load () im JavaScript

Der "AddEventListener ()Die Methode in JavaScript wird verwendet, um einem Element einen Ereignishörer hinzuzufügen. Der Ereignishörer überprüft ein bestimmtes Ereignis, z. B. einen Klick-, Laden- oder Tastendress- oder Tastendruck, und führt eine Funktion aus, wenn sie es erkennt.

Beispiel

In dem angegebenen Beispiel werden wir feststellen, ob das DOM mit der „mit dem“ geladen wirdDomcontent geladenEreignis in der addEventListener () -Methode. Dafür fügen Sie einen Event -Hörer an die zu "dokumentieren"Objekt, das eine Funktion ausführt, um die Warnmeldung anzuzeigen"Die aktuelle Seite wurde geladen”:

dokumentieren.AddEventListener ("DomContentLoded", function ()
alarm ('Die aktuelle Seite wurde geladen');
);

Die Ausgabe zeigt an, dass die Warnmeldung angezeigt wird, wenn das DOM geladen wird:

Lösung 2: Verwenden Sie das Ereignis „Onload“ als Äquivalent von .load () in JavaScript

Sie können auch die „verwenden“Onload"Ereignis in JavaScript als Äquivalent zum JQuery".Belastung()”. Mit dem Onload -Ereignis wird ein Ereignishandler an das Ladeereignis eines Elements angeschlossen. Es ähnelt dem “.Belastung()”, Aber anstatt eine Methode zu verwenden, wird sie direkt auf das Element als Eigenschaft eingestellt. Die Onload wird in JavaScript als:

• Onload
• Onload mit Tag anhängen

Beispiel 1: Verwenden des Fensters „Fenster.Onload “als Äquivalent von .load () in JavaScript

Der "Fenster.OnloadDas Ereignis wird nach dem Laden der vollständigen Webseite entlassen, einschließlich aller Ressourcen, wie z. B. Bilder, Inhalte usw. Hänge an "OnloadEreignis mit dem "FensterObjekt, um die Funktion zum Anzeigen einer Warnmeldung aufzurufen:

Fenster.onload = function ()
alarm ('Die aktuelle Seite wurde geladen');
;

Wie Sie sehen können, wird beim Auffrischen der Seite die Warnmeldung nach dem Laden aller Inhalte der Seite angezeigt:

Beispiel 2: Verwenden von "Onload" auf Tag als Äquivalent von .load () in JavaScript

Hier werden wir das anbringen “OnloadEreignis mit dem "”Tag, das das nennt"lastfunc ()Funktion, die ausgeführt wird, sobald die Webseite das Laden beendet hat:

Definieren Sie im Tag eine Funktion “lastfunc ()Das zeigt eine Warnmeldung nach dem Laden der gesamten Seite:

Funktion loadfunc ()
alarm ('Die aktuelle Seite wurde geladen');

Ausgang

Das ist alles um das Äquivalent von JQuery “.load () ”Methode in JavaScript.

Abschluss

Es gibt kein direktes Äquivalent von “.Belastung()”In JavaScript. Aber Sie können das verwenden “AddEventListener ()”Methode oder“Onload"Ereignis als"Fenster.Onload”Oder anbringen“OnloadEreignis mit Tag. In diesem Tutorial haben wir uns angesehen, wie die JQuery implementiert werden kann “.load () ”Methode in JavaScript.