DOMContentLoaded hadisəsi nədir?

Bu hadisə, ilkin HTML sənədinin tam yüklənib təhlil edildiyi zaman baş verir, stil cədvəllərinin, şəkillərin və alt çərçivələrin yüklənməsini gözləmədən.

Əsas fərq load hadisəsindən:

• DOMContentLoaded: DOM strukturunun hazır olduğu zaman baş verir.
• load: Səhifənin bütün resursları (şəkillər, CSS, skriptlər, əgər onlar async/defer deyilsə) tam yükləndikdən sonra baş verir.

İstifadə:

// DOMContentLoaded hadisəsi üçün dinləyici əlavə edirik
document.addEventListener('DOMContentLoaded', () => {
  // DOM tam yükləndikdən və təhlil edildikdən sonra icra olunacaq kod
  console.log('DOM tam yükləndi və təhlil edildi.');
});

Bu hadisə, DOM ilə manipulyasiya edən JavaScript kodunu icra etmək üçün tez-tez istifadə olunur, çünki bütün xarici resursların yüklənməsini gözləməyə ehtiyac yoxdur.