DOM-un yükləndiyini necə müəyyən etmək olar?

DOMContentLoaded hadisəsini istifadə edin.

document.addEventListener('DOMContentLoaded', () => {
  // DOM yükləndikdən sonra icra olunacaq kod
});

Alternativ olaraq, document.readyState xüsusiyyətini yoxlaya bilərsiniz:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kod
  });
} else {
  // DOM artıq yüklənib
}

DOMContentLoaded hadisəsi HTML sənədi tam yükləndikdən və pars ediləndən sonra, xarici resurslar, məsələn, stil və şəkillər yüklənmədən əvvəl baş verir.

Səhifənin tam yüklənməsini, bütün resurslar daxil olmaqla, müəyyən etmək üçün load hadisəsindən istifadə olunur:

window.addEventListener('load', () => {
  // Tam yükləndikdən sonra icra olunacaq kod
});