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" />