खोज…
पृष्ठ, DOM और ब्राउज़र लोड हो रहा है
यह लोड घटनाओं की विविधताओं को समझाने के लिए एक उदाहरण है।
- घटना को लोड करें
<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>
<script>
function someFunction() {
console.log("Hi! I am loaded");
}
</script>
इस मामले में, संदेश को एक बार लॉग किया जाता है, जिसमें चित्र और स्टाइलशीट (यदि कोई हो) सहित पृष्ठ की सभी सामग्री पूरी तरह से भरी हुई है।
DOMContentLoaded घटना
document.addEventListener("DOMContentLoaded", function(event) { console.log("Hello! I am loaded"); });
उपरोक्त कोड में, DOM / दस्तावेज़ लोड होने के बाद ही संदेश लॉग किया जाता है ( यानी DOM के निर्माण के बाद )।
सेल्फ-इन्वोकिंग अनाम फ़ंक्शन
(function(){ console.log("Hi I am an anonymous function! I am loaded"); })();
यहां, जैसे ही ब्राउज़र अनाम फ़ंक्शन की व्याख्या करता है, संदेश लॉग हो जाता है। इसका मतलब है, इस फ़ंक्शन को DOM लोड होने से पहले ही निष्पादित किया जा सकता है।
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow