Eventos de carregamento de documentos em JavaScript
Tradicionalmente, usamos o evento load para executar scripts após o carregamento do documento. No entanto, existem outros eventos que podem ser mais adequados. JavaScript.info tem uma página chamada Page: DOMContentLoaded, load, beforeunload, unload que descreve esses eventos.
Os dois eventos principais são DOMContentLoaded e load . De acordo com JavaScript.info, o primeiro é acionado quando o navegador carrega totalmente o HTML e a árvore DOM é construída, mas recursos externos como imagens e folhas de estilo podem ainda não ter sido carregados, e o último é acionado quando não apenas o HTML é carregado, mas também todos os recursos externos, como imagens, estilos, etc. Abaixo estão exemplos de código de ambos.
***** Primeiro
<script>
function initSite() {
// do stuff
};
document.addEventListener("DOMContentLoaded", initSite);
</script>
***** Segundo
<script>
window.onload = function() {
// do stuff
};
</script>
So nao sei onde colocar este ultimo dentro do meu projeto usando o bloco JS ja disponibilizado pelo BootBlocks.
