Equivalente a .Carregar em JavaScript

““.carregar()”É um método jQuery usado para recuperar o conteúdo do servidor e injetar ou incorporá -lo na página da web. Às vezes, os desenvolvedores querem fazer a mesma funcionalidade usando JavaScript de baunilha. O JavaScript fornece alguns métodos ou eventos pré -construídos para executar uma funcionalidade exatamente semelhante ao jQuery “.load () ”método.

Este post descreverá os métodos equivalentes de “.load () ”em JavaScript.

Qual é o equivalente a .carga () em javascript?

Não há equivalente direto do “.carregar()”Método em JavaScript. Mas, algumas outras maneiras fornecem funcionalidade equivalente, como:

• Método addEventListener ()
• Evento OnLoad

Solução 1: Use o método “addEventListener ()” como o equivalente a .load () no javascript

O "addEventListener ()”O método em JavaScript é usado para adicionar um ouvinte de evento a um elemento. O ouvinte do evento verifica um determinado evento, como clique, carregar ou keypress, e executa uma função quando o detecta.

Exemplo

No exemplo dado, veremos se o DOM é carregado usando o “DomContentLoaded”Evento no método addEventListener (). Para isso, anexe um ouvinte de evento ao “documento”Objeto que executa uma função para mostrar a mensagem de alerta“A página atual foi carregada”:

documento.addEventListener ("domcontentloaded", function ()
alerta ('a página atual foi carregada');
);

A saída indica que a mensagem de alerta é mostrada quando o DOM é carregado:

Solução 2: Use o evento "Onload" como o equivalente a .carga () em javascript

Você também pode usar o “carregando”Evento em JavaScript como um equivalente ao jQuery“.carregar()”. O evento OnLoad é usado para anexar um manipulador de eventos ao evento de carga de um elemento. É semelhante ao “.carregar()”, Mas em vez de utilizar um método, ele é definido diretamente no elemento como uma propriedade. A ONLOAD é usada em JavaScript como:

• carregando
• Anexe Onload com tag

Exemplo 1: Usando “Janela.Onload ”como o equivalente a .carga () em javascript

O "janela.carregando”O evento é demitido após o carregamento da página completa da web, incluindo todos os seus recursos, como imagens, conteúdo e assim por diante. Anexe o “carregandoEvento com o “janela”Objeta chamar a função para exibir uma mensagem de alerta:

janela.OnLoad = function ()
alerta ('a página atual foi carregada');
;

Como você pode ver, enquanto atualiza a página, a mensagem de alerta é mostrada após carregar todo o conteúdo da página:

Exemplo 2: Usando "Onload" na tag como o equivalente a .carga () em javascript

Aqui, vamos anexar o “carregandoEvento com o “”Tag que chama a“loadfunc ()”Função que será executada assim que a página da web terminar de carregar:

Na tag, defina uma função “loadfunc ()”Isso mostra uma mensagem de alerta depois de carregar a página inteira:

função loadfunc ()
alerta ('a página atual foi carregada');

Saída

Isso é tudo sobre o equivalente a jQuery “.load () ”Método em JavaScript.

Conclusão

Não há equivalente direto de “.carregar()”Em JavaScript. Mas, você pode usar o “addEventListener ()”Método ou“carregandoEvento como um “janela.carregando"Ou anexar um"carregando”Evento com tag. Neste tutorial, analisamos como implementar o jQuery “.load () ”Método em JavaScript.