यह ब्लॉग जावास्क्रिप्ट में window.onload और document.onload के बीच के अंतर को प्रदर्शित करेगा।
जावास्क्रिप्ट में window.onload बनाम document.onload
' विंडो.ऑनलोड ” घटना को तब सक्रिय किया जाता है जब पूरा पृष्ठ (इसके संसाधनों सहित) लोड होना समाप्त हो जाता है। इसका मतलब यह है कि आप इस घटना का उपयोग यह सुनिश्चित करने के लिए कर सकते हैं कि पृष्ठ की सामग्री पर निर्भर किसी भी कोड को चलाने से पहले पृष्ठ पूरी तरह से लोड हो गया है।
' दस्तावेज़.ऑनलोड ” ईवेंट विंडो.ऑनलोड के समान है, लेकिन यह केवल तभी सक्रिय होता है जब दस्तावेज़ के DOM (पृष्ठ की सामग्री की संरचना) का लोड होना समाप्त हो जाता है। यह दर्शाता है कि आप इस घटना का उपयोग यह सुनिश्चित करने के लिए कर सकते हैं कि पृष्ठ की सामग्री पूरी तरह से भरी हुई है और किसी भी कोड को चलाने से पहले हेरफेर करने के लिए तैयार है।
पालन करने का सबसे अच्छा तरीका क्या है?
सामान्य तौर पर, विंडो.ऑनलोड के बजाय दस्तावेज़.ऑनलोड का उपयोग करना एक अच्छा विचार है यदि आपको केवल यह सुनिश्चित करने की आवश्यकता है कि आपके कोड को चलाने से पहले पृष्ठ की सामग्री पूरी तरह से लोड हो गई है। ऐसा इसलिए है क्योंकि document.onload एक window.onload की तुलना में तेजी से सक्रिय होगा, जो आपके कोड के प्रदर्शन में सुधार कर सकता है। हालाँकि, यदि आपको यह सुनिश्चित करने की आवश्यकता है कि आपके कोड को चलाने से पहले पृष्ठ के संसाधन (जैसे चित्र और स्टाइलशीट) पूरी तरह से लोड हैं, तो आपको इसके बजाय window.onload का उपयोग करना चाहिए।
जावास्क्रिप्ट में विंडो.ऑनलोड बनाम डॉक्यूमेंट.ऑनलोड का उपयोग कैसे करें?
दिए गए उदाहरण में, हम देखेंगे कि ये घटनाएँ किसी भी कोड को चलाने से पहले दस्तावेज़ लोड और विंडो लोड की पहचान कैसे करती हैं।
बुलाएं ' दस्तावेज़.ऑनलोड 'ईवेंट जो आपको सूचित करता है कि दस्तावेज़ अलर्ट () संदेश का उपयोग करके लोड किया गया है:
दस्तावेज़। गोली भरना = चेतावनी ( 'दस्तावेज़_ऑनलोड' ) ;बुलाएं ' विंडो.ऑनलोड ” घटना और इसके लिए एक चेतावनी () विधि का परिणामी संदेश असाइन करें:
खिड़की। गोली भरना = चेतावनी ( 'विंडो_ऑनलोड' ) ;
जैसा कि आप देख सकते हैं, जब पृष्ठ को ताज़ा किया जाता है, तो पहले दस्तावेज़ को लोड किया जाता है, और फिर पूरे पृष्ठ के लोड होने पर विंडो ऑनलोड विधि शुरू की जाती है:
यह जावास्क्रिप्ट में विंडो.ऑनलोड और डॉक्यूमेंट.ऑनलोड इवेंट के बारे में है।
निष्कर्ष
' विंडो.ऑनलोड ' और ' दस्तावेज़.ऑनलोड ” किसी भी कोड को निष्पादित करने से पहले पूरा पृष्ठ लोड सुनिश्चित करने के लिए दो जावास्क्रिप्ट ईवेंट हैं। दस्तावेज़.ऑनलोड विंडो.ऑनलोड की तुलना में तेज़ी से सक्रिय होगा, जो कोड के प्रदर्शन में सुधार कर सकता है। इस ब्लॉग ने जावास्क्रिप्ट में window.onload और document.onload के बीच के अंतर को प्रदर्शित किया।