////////////////////////////////////////////////////////////////////////////////
// DOM READY - Обработчики события загрузки страницы
////////////////////////////////////////////////////////////////////////////////
// JQUERY - Document Ready Function
// Использование:
// - Код работающий внутри выполняется после загрузки DOM
// - Внутри функции создается лакальной область видимости
// Основная обертка Jquery
$(document).ready(function(){
console.log("DOM LOADED");
});
// Сокращенная запись
$(function(){
console.log("DOM LOADED");
});
// Аналог на чистом Javascript
// https://learn.javascript.ru/onload-ondomcontentloaded
document.addEventListener("DOMContentLoaded", function(){
console.log("DOM LOADED");
});
// Обработчик полной загрузки страницы (в том числе картинки)
window.onload = function() {
console.log("PAGE LOADED");
};
// Обработчик процесса загрузки страницы
if (document.readyState == 'loading') {
// DOM в процессе загрузки
console.log("PAGE IS LOADING");
document.addEventListener('DOMContentLoaded', function(){
// DOM загружен
console.log("DOM LOADED");
});
}