DOM жүктелгенін қалай анықтауға болады?

DOMContentLoaded оқиғасын пайдаланыңыз.

document.addEventListener('DOMContentLoaded', () => {
  // DOM жүктелгеннен кейін орындалатын код
});

Alternativaly, document.readyState қасиетін тексеруге болады:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Код
  });
} else {
  // DOM already loaded
}

DOMContentLoaded оқиғасы HTML құжаты толық жүктеліп, парсингтен өткеннен кейін, сыртқы ресурстардың жүктелуіне дейін іске қосылады, мысалы стильдер мен суреттер.

Беттің толық жүктелуін анықтау үшін, барлық ресурстарды қоса алғанда, load оқиғасы пайдаланылады:

window.addEventListener('load', () => {
  // Беттің толық жүктелуінен кейін орындалатын код
});