Odpowiednik .Załaduj w JavaScript

".obciążenie()”To metoda jQuery, która jest używana do pobierania treści z serwera i wstrzykiwania lub osadzania jej na stronie internetowej. Czasami programiści chcą wykonywać tę samą funkcjonalność za pomocą waniliowego JavaScript. JavaScript zapewnia pewne wstępnie zbudowane metody lub zdarzenia, aby wykonać dokładnie podobną funkcjonalność do JQuery „.Metoda load () ”.

Ten post opisuje równoważne metody „.load () ”w JavaScript.

Jaki jest odpowiednik .Load () w JavaScript?

Nie ma bezpośredniego odpowiednika „.obciążenie()„Metoda w JavaScript. Ale niektóre inne różne sposoby zapewniają równoważną funkcjonalność, na przykład:

• metoda addEventListener ()
• zdarzenie onload

Rozwiązanie 1: Użyj metody „addEventListener ()” jako równoważny .załaduj () w JavaScript

„„addEventListener ()„Metoda w JavaScript służy do dodania słuchacza zdarzeń do elementu. Słuchacz zdarzenia sprawdza określone zdarzenie, takie jak kliknięcie, ładowanie lub keypress, i wykonuje funkcję, gdy ją wykrywa.

Przykład

W danym przykładzie zobaczymy, czy DOM jest załadowany za pomocą „DomContentloaded”Wydarzenie w metodzie addEventListener (). W tym celu dołącz słuchacza zdarzeń do „dokument„Obiekt, który wykonuje funkcję, aby wyświetlić komunikat alertu„Bieżąca strona została załadowana”:

dokument.addEventListener („domcontentloaded”, function ()
alert („bieżąca strona została załadowana”);
);

Wyjście wskazuje, że komunikat ostrzegawczy jest wyświetlany po załadowaniu DOM:

Rozwiązanie 2: Użyj zdarzenia „Onload” jako odpowiednika .Load () w JavaScript

Możesz także użyć „Onload„Wydarzenie w JavaScript jako odpowiednik JQuery”.obciążenie()". Zdarzenie Onload służy do podłączenia obsługi zdarzeń do zdarzenia obciążenia elementu. Jest podobny do „.obciążenie()”, Ale zamiast korzystać z metody, jest ona ustawiona bezpośrednio na elemencie jako właściwość. Onload jest używany w JavaScript jako:

• Onload
• Dołącz Onload za pomocą znacznika

Przykład 1: Korzystanie z „okna.Onload ”jako odpowiednik .Load () w JavaScript

„„okno.Onload„Wydarzenie jest zwolnione po załadowaniu kompletnej strony internetowej, w tym wszystkich jej zasobów, takich jak obrazy, treść i tak dalej. Dołącz „Onload„Wydarzenie z„okno„Obiekt, aby wywołać funkcję wyświetlania komunikatu alarmowego:

okno.onload = function ()
alert („bieżąca strona została załadowana”);
;

Jak widać, podczas odświeżenia strony, komunikat o alercie jest wyświetlany po załadowaniu całej zawartości strony:

Przykład 2: Używanie „Onload” na znaczniku jako równoważnym .Load () w JavaScript

Tutaj dołączymy „Onload„Wydarzenie z„”Tag, który nazywa„loadfunc ()„Funkcja, która zostanie wykonana po zakończeniu ładowania strony internetowej:

W znaczniku zdefiniuj funkcję „loadfunc ()„To pokazuje komunikat ostrzegawczy po załadowaniu całej strony:

Funkcja loadfunc ()
alert („bieżąca strona została załadowana”);

Wyjście

To wszystko o odpowiedniku jQuery ”.Metoda load () ”w JavaScript.

Wniosek

Nie ma bezpośredniego odpowiednika „.obciążenie()„W JavaScript. Ale możesz użyć „addEventListener ()”Metoda lub„Onload„Wydarzenie jako„okno.Onload”Lub załącz„Onload„Wydarzenie z tagiem. W tym samouczku przyjrzeliśmy się, jak wdrożyć JQuery ”.Metoda load () ”w JavaScript.