Estou usando o seguinte código para executar alguns comandos após o carregamento da página.
<script type="text/javascript">
window.onload = function () {
newInvite();
document.ag.src="b.jpg";
}
</script>
Mas este código não funciona correctamente. A função é chamada mesmo que algumas imagens ou elementos estejam a carregar. O que eu quero é chamar a função, a página é carregada completamente.
isto pode funcionar para você :
document.addEventListener('DOMContentLoaded', function() {
// your code here
}, false);
ou se o seu conforto com o Jquery,
$(document).ready(function(){
// your code
});
$(document).ready()
dispara em DOMContentLoaded, mas este evento não está sendo disparado de forma consistente entre os navegadores. É por isso que o jQuery provavelmente irá implementar algumas soluções pesadas para suportar todos os navegadores. E isto tornará muito difícil o "exatamente" simular o comportamento usando Javascript simples (mas não impossível, é claro).
como Jeffrey Sweeney e J Torres sugeriram, acho que é melhor ter uma função "SetTimeout", antes de disparar a função como abaixo :
setTimeout(function(){
//your code here
}, 3000);
Se você pode usar jQuery, veja em load. Você pode então configurar sua função para funcionar depois que seu elemento terminar de carregar.
Por exemplo, considere uma página com uma imagem simples:
<img src="book.png" alt="Book" id="book" />
O manipulador do evento pode ser vinculado à imagem:
$('#book').load(function() {
// Handler for .load() called.
});
Se você precisar de todos os elementos na janela atual para carregar, você pode usar
$(window).load(function () {
// run code
});