Carregar eventos

O evento de carregamento será acionado em qualquer recurso (janela, documento, imagem, folha de estilo, script, arquivo de vídeo / áudio) que tenha concluído o carregamento – isso também inclui quaisquer recursos dependentes.

<!-- HTML -->
<img src="http://example.com/example.jpg width="100" height="100" alt="Example Image" />

// JavaScript
var image = document.querySelector('img');

image.addEventListener('load', function(event) {
    image.classList.add('has-loaded');
});

<!-- HTML Output Result -->
<img src="http://example.com/example.jpg" class="has-loaded" width="100" height="100" alt="Example Image" />