Здравствуйте! В этом уроке разберем события страницы. У жизненного цикла HTML-страницы есть 3 важных события:
- DOMContentLoaded – когда браузер полностью загрузил HTML, было построено DOM-дерево, но внешние ресурсы, такие как картинки <img> и стили, могут быть ещё не загружены.
- load – браузер загрузил код HTML и внешние ресурсы (картинки, стили и т.д.).
- beforeunload/unload – когда пользователь покидает страницу.
Каждое из этих событий может быть полезно в своем роде:
- Событие DOMContentLoaded – DOM готов, так что обработчик может искать DOM-узлы и непосредственно инициализировать интерфейс.
- Событие load – когда внешние ресурсы были загружены, стили применены, размеры картинок подсчитаны и т.д.
- Событие beforeunload – пользователь покидает страницу. Мы можем проверить, сохранил ли он изменения и спросить, а на самом ли деле он хочет уйти.
- unload – пользователь почти ушёл, но мы всё ещё можем запустить некоторые операции, например, отправить статистику на сервер.
Давайте рассмотрим эти события подробнее. Читать далее
