Мне недавно задали вопрос - что происходит при загрузке страницы? В Интернете есть огромное количество материалов, и я буду ссылаться на те, которые считаю полезными, в конце этого сообщения в блоге.

Когда страница загружается, она проходит определенные этапы. Когда страница отправляется на сервер (обратная передача, запрос / ответ), она сначала проверяет определенные учетные данные (например, проверка входа в систему). У нас есть успешный ответ - начнется инициализация страницы. Приведенная ниже таблица показалась мне очень полезной:

В нем кратко описываются все этапы, и вы можете прочитать еще более подробно, перейдя по ссылке под изображением. После инициализации содержимое страницы загружается и проверяется на наличие каких-либо проверок и обработчиков событий обратной передачи. После загрузки содержимого 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