Como faço para chamar uma função JavaScript na página Carregar

O acesso a várias funcionalidades após a carga da página é necessário em muitas páginas e sites da web para garantir o funcionamento de vários algoritmos implementados. Além disso, ao realizar testes automatizados de um site, esse recurso é muito útil para configurar o funcionamento de várias operações dentro de uma função e depurar -as.

Este artigo demonstrará os métodos para acessar uma função na página Carregar em JavaScript.

Como faço para ligar/invocar uma função na página Carregar em JavaScript?

Para chamar uma função JavaScript na carga da página, as seguintes abordagens podem ser utilizadas:

• ““janela.carregandoEvento
• ““documento.addEventListener ()”Método
• ““Onload do corpoEvento

Agora discutiremos cada uma das abordagens mencionadas uma a uma!

Método 1: Invoque uma função de JavaScript após a carga da página usando a janela.Evento OnLoad

O "janela.carregando”O evento ocorre quando a página inteira junto com suas cargas de conteúdo. Mais especificamente, este evento pode ser aplicado para acessar uma função específica na carga da página.

Sintaxe

janela.OnLoad = function ()

Na sintaxe dada, “função”Refere -se à função que é invocada quando a janela é carregada.

O exemplo a seguir explica o conceito discutido.

Exemplo

No exemplo a seguir, inicialize as duas variáveis ​​com os valores inteiros fornecidos:

var load1 = 6;
var load2 = 4;

Agora, defina uma função chamada “PageOnLoad ()”E coloque as variáveis ​​criadas como seu argumento. Além disso, retorne a adição dos valores especificados contra as variáveis:

Função PageOnLoad (load1, load2)
Retornar Load1 + Load2;

Finalmente, aplique o “janela.carregando”Evento de modo que quando a página carrega, a função é acessada e a soma dos valores é retornada:

janela.OnLoad = function ()
console.log ("O valor resultante é:",)
console.log (pageonload (load1, load2));

A saída correspondente será:

A saída acima é resultado do Onloading da página e das funções acessadas ao mesmo tempo.

Método 2: Acesse uma função na página Carregar em JavaScript usando

documento.Método addEventListener ()

O "documento.addEventListener ()”Método mescla um manipulador de eventos para um documento. Este método pode ser implementado para adicionar o evento especificado para carregar a página e chamar uma função específica em troca.

Sintaxe

documento.addEventListener (evento, função)

Na sintaxe acima, “evento”Refere -se a um evento que acionará e invocará o especificado“função”.

Veja o exemplo a seguir.

Exemplo

Primeiro, atribua o ID especificado chamado “carregar”Para o elemento div:

Em seguida, acesse o contêiner criado passando seu ID para o “documento.getElementById ()”Método:

Deixe carregar = documento.getElementById ("carregamento");

Depois disso, adicione um evento chamado “DomContentLoaded”Usando o“documento.addEventListener ()”Método para carregar a página e acessar a função PageOnLoad ():

documento.addEventListener ("DOMCOntentLoaded", PageOnLoad ());

Finalmente, defina uma função chamada “PageOnLoad ()”. Aqui, exiba as seguintes mensagens na caixa de diálogo alerta e no modelo de objeto de documento (DOM), respectivamente, na página Carregar:

função pageonload ()
alerta ("Chamada de função na página Carregar.");
carregar.INNERHTML = "Corpo de função executado com sucesso na carga da página."

Saída

Método 3: Chame uma função na página Carregar em JavaScript usando o Evento de Onload do Body Onload

O "Onload do corpo”O evento executa a função especificada quando o processo de carregamento da página é completo. Essa técnica pode ser aplicada para acessar várias funções, colocando -as em argumentos de uma função resultante e executando a funcionalidade desejada na carga da página.

Sintaxe

Na sintaxe acima, “função()”Refere -se à função que será chamada no carregamento da página.

O exemplo a seguir esclarecerá o conceito.

Exemplo

Em primeiro lugar, aplique o “Onload do corpo”Evento redirecionando para a função especificada“executar()”:

Em seguida, defina uma função chamada “PageOnLoad1 ()”Que retorna um valor:

função pageonload1 ()
retornar "3";

Da mesma forma, defina uma função chamada “PageOnLoad2 ()”E retorne o valor especificado:

função PageOnLoad2 ()
retornar "2";

Agora, defina uma função chamada “PageOnLoad ()”Tendo as funções definidas acima como seus argumentos. Nesta função, ambos os valores retornados das funções acessados ​​serão multiplicados e devolvidos:

Função PageOnLoad (PageOnLoad1, PageOnLoad2)
Retornar PageOnLoad1 () * PageOnLoad2 ();

Por fim, a função definida “executar()"Vai acessar a função"PageOnLoad ()”E registre suas funcionalidades (multiplicação de ambos os números):

função execute ()
console.log ("O valor resultante é:")
console.log (PageOnLload (PageOnLoad1, PageOnLoad2));

Saída

Explicamos os métodos para chamar uma função JavaScript na página Carregar.

Conclusão

Para chamar uma função no carregamento da página usando JavaScript, aplique o “janela.carregando()”Evento para acessar a função no carregamento da página, o“documento.addEventListener ()”Método para adicionar um evento específico para carregar a página ou o“Onload do corpo”Evento para mesclar as funcionalidades das funções em uma única função. Este manual demonstrou os métodos para acessar uma função na página Carregar em JavaScript.