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
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!