Como fazer para executar o JavaScript após carregar a página

Neste artigo você vai aprender a como fazer para executar o JavaScript após carregar a página, de uma maneira simples, utilizando um atributo de HTML

Fala programador(a), beleza? Bora aprender mais sobre carregamento e execução de JavaScript!

Antigamente utilizamos vários recursos para carregar o JS depois de algum evento

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Por exemplo: funções de page load ou carregar o script após todo o HTML, no body

Mas isso é coisa do passado, há uma alternativa muito mais moderna para este problema

Basicamente devemos utilizar o atributo defer no carregamento do script, utilizando ele no head da página

Veja como é facil:

<script src="js/arquivo.js" defer></script>

O atributo defer faz com que todo HTML, ou seja a página, seja carregada antes do script em questão

Então ele sempre vai conseguir rastrear os elementos de HTML, não dando erro em ações com o DOM

Que é um dos problemas mais comuns, utilizar um elemento antes que ele esteja disponível

Com isso, você resolve seu problema com praticamente zero malabarismos, incrível não? 😀

Conclusão

Neste artigo você aprendeu a executar o JavaScript após carregar a página

Utilizamos um atributo, o defer, na tag de carregamendo de scripts

Com ele é possível deixar que o carregamento e execução do arquivo espere o HTML todo carregar, fazendo com que o nosso problema seja resolvido

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!