Qual é o evento de Onload da janela em JavaScript?

Com os novos avanços no desenvolvimento da web, o JavaScript está evoluindo em diferentes estruturas, o que facilita a vida para os desenvolvedores. Falando sobre seu uso, a partir de agora muitos sites famosos são construídos em JavaScript, que descreve o quão confiável é esse idioma.

JavaScript tem um evento de Onload de janela para iniciar determinadas funções sempre que uma página da web é carregada. O evento OnLoad também é usado para verificação do tipo e versão do navegador do visitante. Outros cookies também podem ser verificados através do atributo Onload.

O atributo de Onload desencadeia quando o objeto é carregado em HTML. Isso é para iniciar o script sempre que o elemento associado carrega. Em palavras mais simples, podemos dizer que o evento Onload da janela é acionado sempre que uma página da web é lançada com sucesso.

O evento OnLoad é usado para executar um script assim que sua substância (que inclui arquivos CSS, imagens e scripts) da página é acionada completamente. No entanto, você nem sempre precisa de uma tag. Pode ser usado com outros elementos html.

A transferência.Onload é lançado antes das imagens e do conteúdo externo, acionado pouco antes da janela.carregando. Considerando que, janela.Onload começa depois que a página está completamente carregada, incluindo CSS, arquivos de script, imagens e muito mais.

Se você deseja manipular o evento de carga no JavaScript, precisará registrar o ouvinte de eventos através do método do addEventListener (), como mostrado no exemplo abaixo:

janela.addEventListener ('load', (event) =>
console.log (página carregada);
);

Você também pode lidar com o evento de carga através da propriedade do objeto da janela i.e. carregando. O exemplo abaixo mostra como usar a propriedade Onload:

janela.OnLoad = (Event) =>
console.log ('página carregada');
;

Janela.Evento OnLoad na seção principal do HTML

Primeiro de tudo, vamos apresentar um exemplo simples de uma janela.Evento OnLoad. Neste exemplo, simplesmente exibimos uma mensagem de alerta sempre que uma página é carregada.

Sintaxe

janela.onLoad = functionName ();

Exemplo

Saída

Evento de Onload na seção corporal do HTML

O conteúdo pode ser exibido na seção corporal de HTML. Sempre que a página da web é carregada, o evento que ocorreu naquele momento é nomeado Evento Onload. Podemos usar o evento ONLOAD na seção do corpo para que possamos executar o script.

Sintaxe

Exemplo

Se você deseja usar um evento Onload dentro da seção do corpo, execute o seguinte código.

Saída

Evento de Onload de janela na seção corporal de HTML

O objeto da janela Onload representa a janela do navegador. Sempre que todas as operações são completamente carregadas, então OnLoad Property Processa o evento de carga. A função que queremos executar é alocada para a função de manipulador da propriedade OnLoad. Sempre que a página da web é carregada, a função será executada. Nós fornecemos um exemplo abaixo.

Sintaxe

janela.onLoad = functionName ()
// Escreva a função aqui

Exemplo

O que é o evento de Onload da Window em JavaScript?

Script executado. Agora você pode verificar seu console para ver a saída.

Saída

Saída do console

Se você quiser ver a saída do console, você deve abrir o Devtool pressionando as teclas de atalho I.e. Ctrl+ Shift+ i. Depois de abrir o Devtool, você poderá ver a tela de saída do console, como mostrado abaixo.

Conclusão

Aprendemos sobre qual janela.O evento OnLoad () é e também aprendeu a sintaxe do evento Onload. Discutimos brevemente vários métodos de como escrever eventos Onload em JavaScript junto com um exemplo. Para recapitular, janela.O evento OnLoad () gatilhos depois que a página da web foi carregada. Também vemos que o evento Onload é útil para definir a versão dos navegadores e também usado para observar os cookies de uma página da web.