Equivalente a .Carica in JavaScript

".carico()"È un metodo jQuery utilizzato per il recupero dei contenuti dal server e l'iniezione o l'incorporamento nella pagina web. A volte, gli sviluppatori vogliono fare la stessa funzionalità usando la vaniglia Javascript. JavaScript fornisce alcuni metodi o eventi predefiniti per eseguire funzionalità esattamente simili al jQuery ".carico () "metodo.

Questo post descriverà i metodi equivalenti di ".load () "in javascript.

Qual è l'equivalente di .load () in javascript?

Non esiste un equivalente diretto di ".carico()"Metodo in JavaScript. Ma alcuni altri vari modi forniscono funzionalità equivalenti, come ad esempio:

• Metodo addEventListener ()
• Evento Onload

Soluzione 1: utilizzare il metodo "addEventListener ()" come equivalente di .load () in JavaScript

IL "addEventListener ()"Il metodo in JavaScript viene utilizzato per aggiungere un listener di eventi a un elemento. L'ascoltatore di eventi verifica un determinato evento, come un clic, caricamento o chiave di chiave ed esegue una funzione quando la rileva.

Esempio

Nell'esempio dato, vedremo se il DOM viene caricato usando "Domcontentload"Evento nel metodo AddeventListener (). Per questo, allega un ascoltatore di eventi a "documento"Oggetto che esegue una funzione per mostrare il messaggio di avviso"La pagina corrente è stata caricata":

documento.addEventListener ("DomContentload", function ()
avviso ("la pagina corrente è stata caricata");
);

L'output indica che il messaggio di avviso viene visualizzato quando viene caricato il DOM:

Soluzione 2: utilizzare l'evento "Onload" come equivalente di .load () in javascript

Puoi anche usare il “Onload"Evento in JavaScript come equivalente al jQuery".carico()". L'evento Onload viene utilizzato per allegare un gestore di eventi all'evento di caricamento di un elemento. È simile al ".carico()"Ma invece di utilizzare un metodo, è impostato direttamente sull'elemento come proprietà. L'Onload viene utilizzato in JavaScript come:

• Onload
• Allega Onload con tag

Esempio 1: usando “Finestra.Onload "come equivalente di .load () in javascript

IL "finestra.Onload"L'evento viene licenziato dopo aver caricato la pagina Web completa, comprese tutte le sue risorse, come immagini, contenuti e così via. Allega il "OnloadEvento "con il"finestra"Oggetto per chiamare la funzione per la visualizzazione di un messaggio di avviso:

finestra.onload = function ()
avviso ("la pagina corrente è stata caricata");
;

Come puoi vedere, mentre si aggiorna la pagina, il messaggio di avviso viene visualizzato dopo aver caricato tutto il contenuto della pagina:

Esempio 2: usando "onload" su tag come equivalente di .load () in javascript

Qui, alletteremo il "OnloadEvento "con il"Tag che chiama il "loadFunc ()"Funzione che eseguirà una volta che la pagina Web ha terminato il caricamento:

Nel tag, definire una funzione "loadFunc ()"Questo mostra un messaggio di avviso dopo aver caricato l'intera pagina:

function loadFunc ()
avviso ("la pagina corrente è stata caricata");

Produzione

Questo è tutto per l'equivalente di jQuery ".Load () "Metodo in JavaScript.

Conclusione

Non esiste un equivalente diretto di ".carico()"In JavaScript. Ma puoi usare il "addEventListener ()Metodo o "OnloadEvento "come"finestra.Onload"O allegare un"Onload"Evento con tag. In questo tutorial, abbiamo esaminato come implementare il jQuery ".Load () "Metodo in JavaScript.