Manlikeakin's JavaScript Challenge, दिन 93: DOM: DOMContentLoaded।

वाह.. हम इस चुनौती को अगले सप्ताह इसी समय तक पूरा कर लेंगे!

 DOM सामग्री लोड होने पर DOMContentLoaded सक्रिय हो जाता है, छवियों और स्टाइलशीट के लोड होने की प्रतीक्षा किए बिना  ।

जब आप जावास्क्रिप्ट को पृष्ठ के शीर्ष पर रखते हैं, लेकिन शरीर में तत्वों को संदर्भित करते हैं, तो आपको DOMContentLoadedevent को संभालने की आवश्यकता होती है  , उदाहरण के लिए:

इस उदाहरण में, हम हेड  में जावास्क्रिप्ट से  बॉडी में बटन का संदर्भ देते हैं  ।

चूंकि जावास्क्रिप्ट इंजन जावास्क्रिप्ट को सिर में पार्स करते समय डोम लोड नहीं किया गया है, आईडी बीटीएन वाला बटन मौजूद नहीं है।

इसे ठीक करने के लिए, आप कोड को  DOMContentLoaded  ईवेंट हैंडलर में इस तरह रखें:

जब आप जावास्क्रिप्ट को शीर्षलेख में रखते हैं, तो यह बाधाओं और प्रतिपादन देरी का कारण बनता है, इसलिए स्क्रिप्ट को  </body>टैग से पहले स्थानांतरित करना बेहतर होता है । इस स्थिति में, आपको इस तरह DOMContentLoaded  ईवेंट में कोड डालने की आवश्यकता नहीं है  :

सारांश

 DOM सामग्री लोड होने पर DOMContentLoaded ईवेंट सक्रिय हो जाता है, छवियों और स्टाइलशीट के लोड होने की प्रतीक्षा किए बिना  ।

DOMContentLoaded ईवेंट को केवल तभी हैंडल  करें  , जब आप जावास्क्रिप्ट कोड को हेड में रखते हैं, जो बॉडी सेक्शन में तत्वों को संदर्भित करता है।

पढ़ने के लिए शुक्रिया!