Hvordan kaller jeg en JavaScript -funksjon på sidebelastning

Å få tilgang til forskjellige funksjonaliteter ved sidebelastning er påkrevd i mange websider og nettsteder for å sikre at de fungerer til forskjellige implementerte algoritmer. Når du utfører automatisert testing av et nettsted, er denne funksjonen dessuten veldig nyttig for å konfigurere arbeidet med forskjellige operasjoner i en funksjon og feilsøke dem.

Denne artikkelen vil demonstrere metodene for å få tilgang til en funksjon på sidebelastning i JavaScript.

Hvordan ringer/påkaller jeg en funksjon på sidebelastning i JavaScript?

For å ringe en JavaScript -funksjon på sidebelastning, kan følgende tilnærminger brukes:

• “vindu.på Last" begivenhet
• “dokument.AddEventListener ()”Metode
• “Kroppen på last" begivenhet

Vi vil nå diskutere hver av de nevnte tilnærmingene en etter en!

Metode 1: Påkalle en JavaScript -funksjon ved sidebelastning ved hjelp av vindu.Onload -arrangement

“vindu.på Last”Hendelsen oppstår når hele siden sammen med innholdsbelastningene. Mer spesifikt kan denne hendelsen brukes for å få tilgang til en spesifikk funksjon på siden Load.

Syntaks

vindu.onload = funksjon ()

I den gitte syntaksen, “funksjon”Refererer til funksjonen som blir påkalt når vinduet blir lastet.

Følgende eksempel forklarer det diskuterte konseptet.

Eksempel

I det følgende eksempel, initialiser de to variablene med de gitte heltallverdiene:

var belastning1 = 6;
var belastning2 = 4;

Nå, definer en funksjon som heter “Pageonload ()”Og plasser de skapte variablene som argument. Returner også tillegg av de spesifiserte verdiene mot variablene:

funksjon Pageonload (Load1, Load2)
Returlast1 + Load2;

Til slutt, bruk "vindu.på Last”Hendelse slik at når siden lastes inn, er funksjonen tilgjengelig, og summen av verdiene returneres:

vindu.onload = funksjon ()
konsoll.Logg ("Den resulterende verdien er:",)
konsoll.Logg (Pageonload (Load1, Load2));

Tilsvarende utgang vil være:

Ovennevnte utdata er et resultat av sidelasting og tilgang til side og tilgang til samtidig.

Metode 2: Få tilgang til en funksjon på sidebelastning i JavaScript ved hjelp av

dokument.AddEventListener () -metode

“dokument.AddEventListener ()”Metode fusjonerer en hendelsesbehandler til et dokument. Denne metoden kan implementeres for å legge til den spesifiserte hendelsen for å laste siden og ringe en bestemt funksjon til gjengjeld.

Syntaks

dokument.AddEventListener (hendelse, funksjon)

I syntaks ovenfor, "begivenhet”Henviser til en hendelse som vil utløse og påkalle den spesifiserte“funksjon”.

Se på følgende eksempel.

Eksempel

Først tilordne den spesifiserte IDen som heter “laste”Til divelementet:

Deretter får du tilgang til den opprettede beholderen ved å sende sin ID til "dokument.getElementById ()”Metode:

La last = dokument.getElementById ("Last");

Etter det, legg til en hendelse som heter “DomcontentLoaded" bruker "dokument.AddEventListener ()”Metode for å laste inn siden og få tilgang til funksjonen Pageonload ():

dokument.AddEventListener ("DomcontentLoaded", Pageonload ());

Til slutt, definere en funksjon som heter “Pageonload ()”. Her viser du følgende meldinger i dialogboksen Alert Dialog og på henholdsvis dokumentobjektsmodellen (DOM) på siden Load:

funksjon pageonload ()
Varsel ("Funksjonsanrop på siden Load.");
laste.INNERHTML = "Funksjon Body utført vellykket på sidebelastning.""

Produksjon

Metode 3: Ring en funksjon på sidebelastning i JavaScript ved hjelp av Body Onload Event

“Kroppen på last”Event utfører den spesifiserte funksjonen når lastingsprosessen blir fullført. Denne teknikken kan brukes for å få tilgang til flere funksjoner ved å plassere dem i en resulterende funksjons argumenter og utføre ønsket funksjonalitet på siden Load.

Syntaks

I syntaks ovenfor, "funksjon()”Henviser til funksjonen som vil bli kalt på sidebelastningen.

Følgende eksempel vil avklare konseptet.

Eksempel

For det første, bruk "Kroppen på last”Hendelse som omdirigerer til den spesifiserte funksjonen”henrette()”:

Deretter definerer du en funksjon som heter “pageonload1 ()”Som returnerer en verdi:

funksjon pageonload1 ()
returner "3";

Tilsvarende definer en funksjon som heter “pageonload2 ()”Og returner den spesifiserte verdien:

funksjon pageonload2 ()
returner "2";

Nå, definer en funksjon som heter “Pageonload ()”Å ha de ovennevnte funksjonene som argumenter. I denne funksjonen vil begge verdiene som returneres fra de tilgjengelige funksjonene bli multiplisert og returnert:

Funksjon Sideonload (PageonLoad1, PageonLoad2)
return PageonLoad1 () * PageonLoad2 ();

Til slutt, den definerte funksjonen "henrette()”Vil få tilgang til funksjonen”Pageonload ()”Og logg dens funksjonalitet (multiplikasjon av begge tallene):

funksjon utfør ()
konsoll.Logg ("Den resulterende verdien er:")
konsoll.Logg (PageonLoad (PageonLoad1, PageonLoad2));

Produksjon

Vi har forklart metodene for å kalle en JavaScript -funksjon på sidebelastning.

Konklusjon

For å ringe en funksjon på sidebelastning ved hjelp av JavaScript, bruk "vindu.på Last()”Hendelse for å få tilgang til funksjonen på siden Load,“dokument.AddEventListener ()”Metode for å legge til en bestemt hendelse for å laste siden eller“Kroppen på last”Hendelse for å slå sammen funksjonalitetene til funksjoner i en enkelt funksjon. Denne håndboken demonstrerte metodene for å få tilgang til en funksjon på sidebelastning i JavaScript.