Ինչ է DOMContentLoaded իրադարձությունը?

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

Հիմնական տարբերությունը load իրադարձությունից:

• DOMContentLoaded: Կաշխատի, երբ DOM-ի կառուցվածքը պատրաստ է:
• load: Կաշխատի միայն այն ժամանակ, երբ բոլոր ռեսուրսները (պատկերներ, CSS, սցենարներ, եթե դրանք չեն async/defer) ամբողջությամբ բեռնված են:

Օգտագործում:

// Ավելացնում ենք DOMContentLoaded իրադարձության լսող
document.addEventListener('DOMContentLoaded', () => {
  // Կոդ, որը պետք է կատարվի DOM-ի ամբողջական բեռնման և վերլուծության հետո
  console.log('DOM ամբողջությամբ բեռնված և վերլուծված է։');
});

Այս իրադարձությունը հաճախ օգտագործվում է JavaScript կոդը գործարկելու համար, որը մանիպուլյացիա է անում DOM-ով, քանի որ անհրաժեշտ չէ սպասել բոլոր արտաքին ռեսուրսների բեռնմանը։