Как увидеть разницу между событием DOMContentLoaded для document и событием load для window?

Question

[sorry_i_noob]

Здравствуйте.
Я написал такой код:

document.addEventListener( 'DOMContentLoaded', function( event ) {
	console.log(document.getElementsByClassName('img-wrap')[0].clientHeight);
});
window.addEventListener( 'load', function( event ) {
	console.log(document.getElementsByClassName('img-wrap')[0].clientHeight);
});

Я думал, что один из этих методов (кажется, первый) сработает раньше, чем будет загружена картинка. Поэтому высота div'а обертки будет равна нулю.
Но они оба выводят корректуню высоту.
Почему так?

Answer 1

[Владислав Лысков]

link

Comments

[sorry_i_noob]

Спасибо. А какое событие нужно использовать, чтобы сделать LazyLoad? Должно быть событие, которое срабатывает до загрузки картинок.