Manlikeakin'in JavaScript Mücadelesi, 93. Gün: DOM: DOMContentLoaded.

Vay canına.. bu mücadeleyi haftaya bu zamanlar bitireceğiz!

DOMContentLoaded ,   DOM içeriği yüklendiğinde görüntülerin ve stil sayfalarının yüklenmesini bitirmesini beklemeden tetiklenir.

JavaScript'i sayfanın başına yerleştirdiğinizde, ancak gövdedeki öğelere başvurduğunuzda DOMContentLoadedevent'i işlemeniz gerekir  , örneğin:

Bu örnekte,  gövdedeki düğmeyi kafadaki  JavaScript'ten  referans alıyoruz .

JavaScript motoru kafadaki JavaScript'i ayrıştırdığında DOM yüklenmediğinden, btn kimliğine sahip düğme mevcut değildir.

Bunu düzeltmek için, kodu aşağıdaki gibi bir  DOMContentLoaded  olay işleyicisinin içine yerleştirirsiniz:

JavaScript'i başlığa yerleştirdiğinizde darboğazlara ve oluşturma gecikmelerine neden olur, bu nedenle komut dosyasını </body> etiketinin önüne taşımak daha iyidir  . Bu durumda, kodu DOMContentLoaded  olayına şu şekilde yerleştirmeniz gerekmez  :

Özet

DOMContentLoaded olayı ,   DOM içeriği yüklendiğinde görüntülerin ve stil sayfalarının yüklenmesini bitirmesini beklemeden tetiklenir.

DOMContentLoaded olayını yalnızca   , gövde bölümündeki öğelere başvuran JavaScript kodunu baş kısmına yerleştirirseniz işleyin.

Okuduğunuz için teşekkürler!