Jak wywołać funkcję JavaScript na ładowaniu strony

Dostęp do różnych funkcji po ładowaniu strony jest wymagany na wielu stronach internetowych i stronach internetowych, aby zapewnić działanie różnych zaimplementowanych algorytmów. Ponadto, wykonując zautomatyzowane testy strony internetowej, ta funkcja jest bardzo pomocna w konfigurowaniu pracy różnych operacji w funkcji i debugowaniu.

W tym artykule pokazano metody dostępu do funkcji na stronie strony w JavaScript.

Jak wywołać/wywołać funkcję na ładowaniu strony w JavaScript?

Aby wywołać funkcję JavaScript na obciążeniu strony, można zastosować następujące podejścia:

• "okno.Onload" wydarzenie
• "dokument.addEventListener ()" metoda
• "Onload ciała" wydarzenie

Omówimy teraz każde z wymienionych podejść jeden po drugim!

Metoda 1: Wzywaj funkcję JavaScript po ładowaniu strony za pomocą Window.zdarzenie onload

„„okno.Onload”Zdarzenie występuje, gdy cała strona wraz z obciążeniem treści. Mówiąc dokładniej, to zdarzenie można zastosować, aby uzyskać dostęp do określonej funkcji na obciążeniu strony.

Składnia

okno.onload = funkcja ()

W podanej składni „funkcjonować”Odnosi się do funkcji, która jest wywoływana, gdy okno zostanie załadowane.

Poniższy przykład wyjaśnia omawianą koncepcję.

Przykład

W poniższym przykładzie zainicjuj dwie zmienne z danymi wartościami całkowitymi:

var load1 = 6;
var load2 = 4;

Teraz zdefiniuj funkcję o nazwie „pageonload ()”I umieść utworzone zmienne jako jego argument. Zwróć również dodanie określonych wartości w stosunku do zmiennych:

funkcja pageOnload (load1, load2)
zwróć obciążenie 1 + obciążenie 2;

Na koniec zastosuj „okno.Onload”Zdarzenie, że gdy strona ładuje się, funkcja jest dostępna i zwracana jest suma wartości:

okno.onload = function ()
konsola.Log („wynikowa wartość to:”,)
konsola.log (pageOnload (load1, load2));

Odpowiednie wyjście będzie:

Powyższe dane wyjściowe jest wynikiem oborowania strony i dostępu do funkcji jednocześnie.

Metoda 2: Uzyskaj dostęp do funkcji na stronie Lad w JavaScript za pomocą

dokument.metoda addEventListener ()

„„dokument.addEventListener ()„Metoda łączy obsługę zdarzeń z dokumentem. Tę metodę można zaimplementować, aby dodać określone zdarzenie do załadowania strony i wywołania konkretnej funkcji w zamian.

Składnia

dokument.addEventListener (zdarzenie, funkcja)

W powyższej składni „wydarzenie”Odnosi się do wydarzenia, które wywoła i wywoła określone„funkcjonować".

Spójrz na poniższy przykład.

Przykład

Najpierw przypisz określony identyfikator o nazwie „obciążenie„Do elementu DIV:

Następnie dostęp do utworzonego pojemnika, przekazując jego identyfikator do „dokument.getElementById ()" metoda:

Niech załaduj = dokument.getElementById („ładuj”);

Następnie dodaj wydarzenie o nazwie „DomContentloaded" używając "dokument.addEventListener ()„Metoda, aby załadować stronę i uzyskać dostęp do funkcji pageonload ():

dokument.addEventListener („DomContentloaded”, PageOnload ());

Wreszcie zdefiniuj funkcję o nazwie „pageonload ()". Tutaj wyświetl następujące wiadomości w oknie dialogowym Alert i odpowiednio na modelu obiektu Dokument (DOM) na obciążeniu strony:

funkcja pageonload ()
alert („wywołanie funkcji na obciążeniu strony.");
obciążenie.innerHtml = "Body Funkcja wykonane pomyślnie na obciążeniu strony."

Wyjście

Metoda 3: Wywołaj funkcję na stronie Obciążenia JavaScript za pomocą zdarzenia Onload Body Onload

„„Onload ciała”Wydarzenie wykonuje określoną funkcję, gdy proces ładowania strony zostanie zakończony. Tę technikę można zastosować w celu uzyskania dostępu do wielu funkcji, umieszczając je w argumentach funkcji wynikowej i wykonując pożądaną funkcjonalność na obciążeniu strony.

Składnia

W powyższej składni „funkcjonować()”Odnosi się do funkcji, która zostanie wywołana obciążeniem strony.

Poniższy przykład wyjaśni koncepcję.

Przykład

Po pierwsze, zastosuj „Onload ciała„Przekierowanie zdarzenia do określonej funkcji„wykonać()”:

Następnie zdefiniuj funkcję o nazwie „pageonload1 ()”, Który zwraca wartość:

funkcja pageonload1 ()
zwrócić „3”;

Podobnie zdefiniuj funkcję o nazwie „pageonload2 ()”I zwróć określoną wartość:

funkcja pageonload2 ()
zwrócić „2”;

Teraz zdefiniuj funkcję o nazwie „pageonload ()„Posiadanie wyżej zdefiniowanych funkcji jako swoich argumentów. W tej funkcji obie wartości zwrócone z dostępnych funkcji zostaną pomnożone i zwrócone:

funkcja pageonload (pageOnload1, pageOnload2)
return PageOnLoad1 () * pageonload2 ();

Wreszcie zdefiniowana funkcja „wykonać()”Dostęp do funkcji„pageonload ()”I Zaloguj swoje funkcje (mnożenie obu liczb):

funkcja wykonana ()
konsola.Log („wynikowa wartość to:”)
konsola.log (pageOnload (pageOnload1, pageOnload2));

Wyjście

Wyjaśniliśmy metody wywołania funkcji JavaScript na obciążeniu strony.

Wniosek

Aby wywołać funkcję na stronie ładuj za pomocą JavaScript, zastosuj „okno.onload ()„Wydarzenie, aby uzyskać dostęp do funkcji na obciążeniu strony,„dokument.addEventListener ()„Metoda dodania konkretnego zdarzenia do załadowania strony lub„Onload ciała”Zdarzenie, aby połączyć funkcje funkcji w jednej funkcji. Ten podręcznik wykazał metody dostępu do funkcji na obciążeniu strony w JavaScript.