В каком порядке загружаются картинки в браузер? Как вообще работает событие onload?

Question

[nomta]

Приветствую! Собственно, дело вот в чем.
В ответ на действие пользователя на страницу загружается блок HTML со ссылками и дивами, внутри них - картинки. После загрузки блока срабатывает скрипт. Как сделать так, чтобы скрипт запускался только после полной загрузки блока со всеми его ресурсами и картинками? Достаточно будет повесить onload на последнюю картинку в блоке или надо на все? И как быть, если картинки закешированы?

Answer 1

[Andrey Perov]

Событие onload на window срабатывает, когда загружается вся страница, включая ресурсы на ней – стили, картинки, ифреймы и т.п.

window.onload = function() { //... }

Comments

[nomta]

Так этот блок загружается уже потом, в ответ на действия пользователей.

[Andrey Perov]

nomta: какие то данные с сервера приходят ответ?

[nomta]

Как раз судя по данным с сервера все ресурсы загружаются в нужном порядке, если ставлю обработчик на последнюю картинку - все работает как надо. Но нет уверенности, что это закономерное поведение и все будет работать правильно на реальном сайте. Картинки загружаются асинхронно или нет? Что-то не могу найти четкую информацию по этому вопросу. Также как и по поводу кэша.

[kulaeff]

Вы бы код какой-то привели, как вы это сейчас делаете. Если вы подгружаете на странице какой-то HTML блок, то скрипт, скорее всего, сработает, когда будет загружен именно HTML-код и вставлен в основной DOM, после чего начнут загружаться картинки. Ваш код позволил бы ответить точнее.