कैसे पता चलेगा कि विंडो "लोड" ईवेंट पहले से ही

Question

निकाल दिया गया था, मैं एक जावास्क्रिप्ट स्क्रिप्ट लिख रहा हूं। यह स्क्रिप्ट शायद असीमित रूप से लोड हो जाएगी (एएमडी प्रारूप)।

इस स्क्रिप्ट में, मैं खिड़की के लोड होने तक कुछ भी महत्वपूर्ण नहीं करना चाहता। तो मैं विंडो "लोड" घटना को सुनता हूं।

लेकिन अगर स्क्रिप्ट विंडो के बाद लोड हो जाती है। लोड ईवेंट ... मैं विंडो कैसे जान सकता हूं। लोड पहले से ही निकाल दिया गया था?

और निश्चित रूप से मैं किसी भी अन्य लिपियों में कुछ जोड़ने के लिए नहीं करना चाहते हैं (वे सभी async लोड किए गए हैं, समस्या एक ही है) :)

संपादित करें:

कोई साथ एक HTML दस्तावेज़ कल्पना कीजिए इसमें जावास्क्रिप्ट बिल्कुल।

किसी को इस दस्तावेज़ में कोई टैग डालने की तुलना में, और यह स्क्रिप्ट टैग मेरी जावास्क्रिप्ट फ़ाइल लोड करता है।

यह मेरी स्क्रिप्ट निष्पादित करेगा।

यह स्क्रिप्ट कैसे जान सकती है कि window.load पहले ही निकाल दिया गया था?

कोई jQuery नहीं, मेरे पहले HTML दस्तावेज़ में कोई भी स्क्रिप्ट नहीं।

क्या यह जानना संभव है ??

मुझे window.document.readystate संपत्ति मिली। यह संपत्ति दस्तावेज़ "तैयार" घटना के लिए है, मैं खिड़की "लोड" के लिए नहीं। क्या विंडो "लोड" ईवेंट के लिए कुछ भी समान है?

Answer 1

window.load ओवरराइड करने के बारे में क्या?

window._load = window.load; 
window.load = function(){ 
    window.loaded = true; 
    window._load(); 
} 

तब के लिए

if (window.loaded != undefined && window.loaded == true){ 
    //do stuff 
} 

Answer 2

जाँच आप jQuery का उपयोग नहीं करना चाहते हैं, तर्क इसे इस्तेमाल करता है:

if(!document.body) 
    setTimeout(checkAgain, 1); 

तो विंडो के बीच घटना भरी हुई है और अगर जाँच दस्तावेज़ की बॉडी प्रॉपर्टी उपलब्ध है, आप जांच सकते हैं कि डोम तैयार है या नहीं

Answer 3

मेरा उत्तर यहां है:

fiddle

window.addEventListener("load", function() { 
    window.loaded = true; 
}); 

function logLoaded() { 
    console.log("loaded"); 
} 

(function listen() { 
    if (window.loaded) { 
     logLoaded(); 
    } else { 
     console.log("notLoaded"); 
     window.setTimeout(listen, 50); 
    } 
})(); 

आप addEventListener के बारे में पढ़ सकते हैं() और उसके अनुकूलता here (यह ECMAScript 5 कल्पना करने के लिए नया है)। यह आगे बढ़ने वाली चीजों को करने का नया "पसंदीदा" तरीका है।

आप तुरंत आमंत्रित किए गए फ़ंक्शन एक्सप्रेशन (आईआईएफई) (वैकल्पिक रूप से, स्वयं-बुलाए गए अज्ञात फ़ंक्शंस या तुरंत अज्ञात फ़ंक्शंस का आह्वान) के बारे में पढ़ सकते हैं here।

संपादित करें:

How to check if DOM is ready without a framework?

आप विशेष रूप से जानना चाहते हैं कि डोम लोड गतिविधि सक्रिय है चाहते हैं, एक डोम 'लोड' में एक वैश्विक चर सेट ईवेंट हैंडलर: यहाँ एक अच्छा जवाब StackOverflow पर पहले से ही है और फिर जब आपका नया कोड लोड होता है तो उसके अस्तित्व की जांच करें।

// in 'load' event handler 
window.domLoadEventFired = true; 

// in code you are loading asynchronously 
if (typeof window.domLoadEventFired !== undefined) { 
    // ... 
} 

Answer 4

सबसे आसान समाधान हो सकता है document.readyState == 'complete' के लिए जाँच हो, देखना http://www.w3schools.com/jsref/prop_doc_readystate.asp