Ինչպե՞ս որոշել, որ DOM-ը բեռնված է։

Օգտագործեք DOMContentLoaded իրադարձությունը:

document.addEventListener('DOMContentLoaded', () => {
  // Կոդ, որը կիրականացվի DOM բեռնելուց հետո
});

Այլընտրանքորեն, կարող եք ստուգել document.readyState հատկությունը:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Կոդ
  });
} else {
  // DOM արդեն բեռնված է
}

DOMContentLoaded իրադարձությունը տեղի է ունենում, հետո HTML փաստաթուղթը ամբողջությամբ բեռնվում և վերլուծվում է, բայց նախքան արտաքին ռեսուրսների, ինչպիսիք են ոճերը և պատկերները, բեռնումը:

Որոշելու համար, որ էջը ամբողջությամբ բեռնված է, ներառյալ բոլոր ռեսուրսները, օգտագործվում է load իրադարձությունը:

window.addEventListener('load', () => {
  // Կոդ, որը կիրականացվի էջի ամբողջական բեռնումից հետո
});