जावास्क्रिप्ट में पेज लोड इवेंट्स तब फायर होते हैं जब पेज लोड या अनलोड होता है। निम्नलिखित इवेंट्स हैं:
| इवेंट | विवरण |
|---|---|
| DOMContentLoaded | यह तब फायर होता है जब DOM ट्री बन चुका होता है लेकिन एक्सटर्नल रिसोर्सेज जैसे स्टाइलशीट्स, इमेजेज अभी लोड नहीं हुए होते। |
| Load | यह तब फायर होता है जब ब्राउज़र सभी रिसोर्सेज को पूरी तरह लोड कर लेता है। |
| Beforeunload | यह पेज और रिसोर्सेज अनलोड होने से पहले फायर होता है और इसका उपयोग यह कन्फर्म करने के लिए किया जा सकता है कि यूजर वास्तव में छोड़ना चाहता है। |
| Unload | यह तब फायर होता है जब पेज पूरी तरह अनलोड हो जाता है। |
जावास्क्रिप्ट में लोड इवेंट्स के लिए कोड निम्नलिखित है:
उदाहरण
<!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>
आउटपुट
