जावास्क्रिप्ट में लोड इवेंट की व्याख्या करें?

<घंटा/>

जावास्क्रिप्ट में पेज लोड इवेंट तब सक्रिय होते हैं जब पेज लोड या अनलोड होता है। निम्नलिखित घटनाएँ हैं -

<टेबल><थेड>इवेंट <थ>विवरण DOMCContentLoaded इसे तब सक्रिय किया जाता है जब डोम ट्री बनाया गया होता है लेकिन बाहरी संसाधन जैसे स्टाइलशीट, चित्र आदि अभी भी लोड नहीं होते हैं। लोड करें ब्राउज़र द्वारा सभी संसाधनों को पूरी तरह से लोड करने पर इसे सक्रिय किया जाता है। अनलोड करने से पहले इसे पृष्ठ से पहले सक्रिय किया जाता है और संसाधनों को अनलोड किया जा रहा है और इसका उपयोग यह पुष्टि करने के लिए किया जा सकता है कि उपयोगकर्ता वास्तव में छोड़ना चाहता है या नहीं। अनलोड करें पेज पूरी तरह से अनलोड होने पर इसे सक्रिय किया जाता है।

जावास्क्रिप्ट में लोड इवेंट के लिए कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      color: blueviolet;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Load events in Javascript</h1>
<div class="result"></div>
<script>
   let resEle = document.querySelector(".result");
   document.addEventListener("DOMContentLoaded", () => {
      resEle.innerHTML = "The DOMContentLoaded event has fired <br>";
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट में लोड इवेंट की व्याख्या करें?