Document.isReady: DOM रेडी डिटेक्शन के लिए एक मूल समाधान

window.onload इवेंट के प्रबंधन के लिए प्रोटोटाइप और jQuery जैसे फ्रेमवर्क पर निर्भरता नहीं हो सकती है हमेशा वांछनीय रहें. यह आलेख विशेष रूप से document.isReady के उपयोग के माध्यम से DOM तत्परता निर्धारित करने के लिए वैकल्पिक तरीकों की खोज करता है। DOMContentLoaded इवेंट DOM तैयार इवेंट को संभालने के लिए एक मजबूत तरीका प्रदान करता है। निम्नलिखित जैसे कार्यान्वयन एक सरल और कुशल समाधान प्रदान करते हैं:

function fireOnReady() {/* ... */ } यदि (document.readyState === 'पूर्ण') { फायरऑनरेडी(); } अन्य { document.addEventListener('DOMContentLoaded', fireOnReady); }

jQuery की $.isReady संपत्ति

function fireOnReady() { /* ... */ }
if (document.readyState === 'complete') {
    fireOnReady();
} else {
    document.addEventListener("DOMContentLoaded", fireOnReady);
}

if($.isReady) { // DOM तैयार है } अन्य { // DOM अभी तैयार नहीं है }

यह ध्यान रखना महत्वपूर्ण है कि यह संपत्ति अप्रलेखित है और भविष्य के jQuery संस्करणों में इसकी उपलब्धता की गारंटी नहीं दी जा सकती है। इसे सावधानी के साथ उपयोग करें और अपग्रेड पर संभावित परिवर्तनों के लिए तैयार रहें। डस्टिन डियाज़ के दृष्टिकोण से प्रेरित होकर, यह एक नियमित अभिव्यक्ति का उपयोग करके document.readyState की जाँच करता है:

if($.isReady) {
    // DOM is ready
} else {
    // DOM is not yet ready
}

यह विधि इस तथ्य पर निर्भर करती है कि "इन" सबस्ट्रिंग "लोडिंग" और "इंटरैक्टिव" तैयार स्थितियों में मौजूद है, लेकिन "पूर्ण" स्थिति में नहीं।