Tilsvarer .Last inn JavaScript

“.laste()”Er en jQuery -metode som brukes til å hente innhold fra serveren og injisere eller legge den inn på websiden. Noen ganger ønsker utviklere å gjøre den samme funksjonaliteten ved hjelp av Vanilla JavaScript. JavaScript gir noen forhåndsbygde metoder eller hendelser for å utføre nøyaktig lignende funksjonalitet som jQuery ".Last () ”-metode.

Dette innlegget vil beskrive de tilsvarende metodene til “.Last () ”i JavaScript.

Hva tilsvarer ekvivalent .Last () i JavaScript?

Det er ingen direkte ekvivalent av ".laste()”Metode i JavaScript. Men noen andre forskjellige måter gir tilsvarende funksjonalitet, for eksempel:

• AddEventListener () -metode
• Onload -arrangement

Løsning 1: Bruk “AddEventListener ()” -metoden som tilsvarer .Last () i JavaScript

“AddEventListener ()”Metode i JavaScript brukes til å legge til en hendelseslytter til et element. Arrangementslytteren sjekker for en bestemt hendelse, for eksempel et klikk, last eller tastetrykk, og utfører en funksjon når den oppdager den.

Eksempel

I det gitte eksemplet vil vi se om DOM er lastet ved bruk av “DomcontentLoaded”Hendelse i AddEvEnlistener () -metoden. For dette, legg ved en begivenhetslytter til “dokument”Objekt som utfører en funksjon for å vise varselmeldingen“Den nåværende siden er lastet”:

dokument.AddEventListener ("DomcontentLoaded", funksjon ()
Varsel ('den nåværende siden er lastet');
);

Utgangen indikerer at varslingsmeldingen vises når DOM er lastet:

Løsning 2: Bruk "onload" -hendelsen som tilsvarer .Last () i JavaScript

Du kan også bruke “på Last”Arrangement i JavaScript som et ekvivalent med jQuery”.laste()”. Onload -arrangementet brukes til å knytte en hendelsesbehandler til et elements belastningshendelse. Det ligner på “.laste()”, Men i stedet for å bruke en metode, settes den direkte på elementet som en eiendom. Onbelastningen brukes i JavaScript som:

• på Last
• Fest onload med taggen

Eksempel 1: Bruke “Vindu.onload ”som tilsvarer .Last () i JavaScript

“vindu.på Last”Arrangement blir avfyrt etter å ha lastet den komplette websiden, inkludert alle ressursene, for eksempel bilder, innhold og så videre. Fest “på Last”Arrangement med“vindu”Objekt for å ringe funksjonen for å vise en varselmelding:

vindu.onload = funksjon ()
Varsel ('den nåværende siden er lastet');
;

Som du kan se, mens du forfrisker siden, vises varslingsmeldingen etter å ha lastet alt innholdet på siden:

Eksempel 2: Bruke "onload" på taggen som ekvivalent av .Last () i JavaScript

Her vil vi legge ved "på Last”Arrangement med“”Tag som kaller“LoadFunc ()”Funksjon som skal utføres når websiden er ferdig med lasting:

I taggen, definer en funksjon "LoadFunc ()”Det viser en varslingsmelding etter å ha lastet hele siden:

funksjon LoadFunc ()
Varsel ('den nåværende siden er lastet');

Produksjon

Det handler om tilsvarende jQuery “.Last () ”-metode i JavaScript.

Konklusjon

Det er ingen direkte ekvivalent av “.laste()”I JavaScript. Men du kan bruke "AddEventListener ()”Metode eller“på Last”Arrangement som en“vindu.på Last”Eller fest en“på Last”Arrangement med tag. I denne opplæringen så vi på hvordan vi skulle implementere jQuery “.Last () ”-metode i JavaScript.