Мне недавно задали вопрос - что происходит при загрузке страницы? В Интернете есть огромное количество материалов, и я буду ссылаться на те, которые считаю полезными, в конце этого сообщения в блоге.
Когда страница загружается, она проходит определенные этапы. Когда страница отправляется на сервер (обратная передача, запрос / ответ), она сначала проверяет определенные учетные данные (например, проверка входа в систему). У нас есть успешный ответ - начнется инициализация страницы. Приведенная ниже таблица показалась мне очень полезной:
В нем кратко описываются все этапы, и вы можете прочитать еще более подробно, перейдя по ссылке под изображением. После инициализации содержимое страницы загружается и проверяется на наличие каких-либо проверок и обработчиков событий обратной передачи. После загрузки содержимого DOM строится дерево HTML и DOM. Затем загружаются изображения и таблицы стилей.
Почему важно знать этапы загрузки страницы?
Представим, что мы хотим показать простое приветственное сообщение для нового пользователя, который только что зарегистрировался на вашем замечательном веб-сайте. Этого можно достичь, просто добавив прослушиватель событий к событию onload.
document.addEventListener("DOMContentLoaded", alert('Welcome Yuliya!'))
Это очень простой пример, но знание того, что происходит на каждом этапе, может продвинуть нас еще дальше. Onload может использоваться даже для получения информации о браузере пользователя и загрузки необходимой информации в зависимости от его версии. Его также можно использовать для управления файлами cookie.
function checkCookies() { var text = ""; if (navigator.cookieEnabled == true) { text = "Cookies are enabled."; } else { text = "Cookies are not enabled."; } document.getElementById("demo").innerHTML = text; } //https://www.w3schools.com/jsref/event_onload.asp
Другим хорошим примером может быть отображение рекламы / рекламных акций, когда пользователь входит или пытается покинуть страницу. Возможности, которые открывают даже обработчики, безграничны. Обработчики событий - от базовых сообщений до отправки форм до отслеживания пользователей во всех браузерах - лучший друг разработчика.
Это обширная тема, и я покрываю лишь верхушку айсберга. В Интернете есть масса ресурсов, идите и исследуйте! :)
Использованная литература:
Https://msdn.microsoft.com/en-us/library/ms178472.aspx
Http://www.c-sharpcorner.com/UploadFile/8911c4/page-life-cycle-with-examples-in-Asp-Net/
Https://medium.com/r/?url=https%3A%2F%2Fjavascript.info%2Fonload-ondomcontentloaded
Https://www.w3schools.com/jsref/dom_obj_event.asp