Running Código Quando a página está pronta
Se você tentar executar o código JavaScript que manipula alguns elementos da página web sem ter a certeza de que se os elementos são carregados completamente irá resultar em resultados inesperados. Por exemplo, existe um elemento P cuja ID é "destaque" ao carregar a página que você deseja aplicar uma cor de fundo no elemento. Em uma solução típica usando JavaScript genérico você iria para algo como o seguinte:
var highlightDiv = document.getElementById ("destaque"); if (typeof highlightDiv === "objeto") {highlightDiv.
style. backgroundColor = "amarelo"; highlightDiv.style.color = "blue"; highlightDiv.style.border = "red sólido 1px";}
No código acima nós aplicamos uma cor de fundo, uma borda de 1px na cor vermelha e fez a cor azul da pia batismal. Por favor note que não temos de fazer isso como este em vez disso, pode criar uma classe com uma cor de fundo amarelo, beira 1px em vermelho e em azul e cor simplesmente aplicar a classe. Mas eu só quero demonstrar o ponto que eu estou falando.
Suponha que você está executando o pedaço de código acima antes do carregamento do elemento no browser.
Como você pensou este código não irá funcionar como esperado e ignorar a execução exigida. A abordagem comum é colocar o código após o elemento div no qual ele está indo para executar a operação.
Outra questão IE mais comum até IE8 foram os erros "Operação anulada". Neste erro um elemento filho tenta atualizar seu pai antes do elemento pai carrega-se completamente no DOM. Por exemplo, o script tenta inserir um novo elemento para o elemento do corpo antes de cargas do corpo no DOM completamente.
Este é o lugar onde o evento onload do objecto da janela vem acessível.
Vamos examinar um pedaço de código de exemplo:
window.onload = function () {var d = document.createElement ("div"); d = "Dados de Teste"; document.body.appendChild (d);} O código acima é perfeito e será executado após o DOM Carregando concluída. Está tudo bem?
Não há ainda alguns problemas nesta abordagem