sexta-feira, 4 de março de 2011

Dicas de Programação: Por que é recomendável colocar os scripts em Javascript no final da página?

Então... eu acho que é por causa de erros como "Objeto esperado". :P
Não entendeu?
Vou explicar! :)

Veja o seguinte código:

<script>document.getElementById('elemento3').innerHTML = "Ola mundo";</script>
<div id="elemento1"></div>
<div id="elemento2"></div>
<div id="elemento3"></div>

Parece que esta certo, mas ele, algumas vezes (pelo menos, a primeira vez que carrega...), poderá dar um erro e não executar...
Mas, por que isso ocorre?

Porque o elemento esperado no javascript (elemento3) não foi renderizado, ou seja, como a instrução esta antes do elemento que ela tem que obter (veja o trecho da função getElementById), ela não sabe que existe o elemento e dá erro.

Como resolver isso? Fácil! É só colocar o script depois do elemento!

<div id="elemento1"></div>
<div id="elemento2"></div>
<div id="elemento3"></div>
<script>document.getElementById('elemento3').innerHTML = "Ola mundo";</script>

Assim, sempre funciona! :)

Agora dá para entender porque colocar os scripts no final do HTML (fikdik) ;)

Nenhum comentário: