पता लगाने के लिए कैसे है कि क्या आपकी जावास्क्रिप्ट तुल्यकालिक या असमकालिक शामिल किया जा रहा है

Question

मैं पता लगाने के लिए कोशिश कर रहा हूँ कि क्या वर्तमान जावास्क्रिप्ट फ़ाइल है कि निष्पादित किया जा रहा है तुल्यकालिक शामिल किया गया है (एक नियमित रूप से स्क्रिप्ट टैग के माध्यम से)

<script src="myscript.js"></script> 

या असमकालिक एक डालने के माध्यम से डोम में स्क्रिप्ट तत्व प्रोग्राम के,

var script = document.createElement('script') 
script.src = 'myscript.js' 
document.body.appendChild(script) 

और फलस्वरूप कि क्या document.write की तरह कुछ या इस्तेमाल किया जा सकता नहीं। मैंने एक पागल समाधान निकाला है जो परीक्षण करता है कि document.write काम करता है, this gist देखें।

असल में, यह तत्व लिखने के लिए document.write का उपयोग करके काम करता है - मैंने एक खाली स्क्रिप्ट टैग चुना है। फिर यह डीओएम से यह निर्धारित करने के लिए पूछता है कि क्या स्क्रिप्ट तत्व सफलतापूर्वक लिखा गया था। यदि यह था - स्क्रिप्ट को समकालिक रूप से शामिल किया जाना चाहिए, यदि यह नहीं था - इसे असीमित रूप से शामिल किया गया था।

यह समाधान ओपेरा को छोड़कर अब तक परीक्षण किए गए सभी ब्राउज़रों (आईई 7 + सहित सभी प्रमुख) में काम करता है।

सवाल यह है: क्या कोई बेहतर समाधान है?

नोट: मैंने document.readyState की जांच करने का भी प्रयास किया है, लेकिन यह IE में सहायक नहीं प्रतीत होता है।

यह भी ध्यान दें: मुझे एक व्याख्यान की आवश्यकता नहीं है कि document.write बुरा है। मुझे पता है।

अद्यतन: कि इसके अलावा में ओपेरा पर काम नहीं करने के लिए पता चला है, मेरी तकनीक भी IE और अन्य ब्राउज़रों में कुछ मामलों में अविश्वसनीय है - document.write या समय या कैशिंग परिदृश्य के आधार पर काम नहीं हो सकता है। spec उतना ही कहता है।

Answer 1

यह बुरा है लेकिन आप दस्तावेज़ कार्यों को फिर से परिभाषित कर सकते हैं और अपना खुद का लिख ​​सकते हैं। यह शायद की तरह कुछ:

var oldAppendChild = document.body.appendChild; 

document.body.appendChild = function(child) { 
    //examine if child is a script element, do stuff with it if it is 
    //finally do what the original function did and: 
    oldAppendChild(child); 
} 

निश्चित रूप से

आप सभी अलग ब्राउज़र quirks और और सभी अलग अलग तरीकों से एक पृष्ठ पर एक स्क्रिप्ट तत्व जोड़ सकता है संभाल करने के लिए की आवश्यकता होगी, लेकिन यह क्या आप

का वर्णन करने के लिए एक विकल्प है

Answer 2

यदि आपके पास सभी तरफ से पूर्ण नियंत्रण है, तो आप जेएस और क्वेरी पैरामीटर के लिए एक गतिशील सर्वर पेज का उपयोग यूआरएल के लिए आवश्यक कर सकते हैं और उसके बाद स्क्रिप्ट के अंदर एक चर सेट करने के लिए इसका उपयोग कर सकते हैं।

var script = document.createElement('script'); 
script.src = 'myscript.php?type=asynch'; 
document.body.appendChild(script); 

जाँच स्क्रिप्ट तत्व की "src" विशेषता के आधार यह सब क्लाइंट साइड करने के लिए संभव हो सकता है, लेकिन मैं उस पर सकारात्मक नहीं हूँ।

Answer 3

ठीक है, यहां एक त्वरित और गंदा समाधान है। हम मानते हैं कि यदि DOMContentLoaded ईवेंट निकाल दिया गया है, तो सभी स्क्रिप्ट सहित संपूर्ण दस्तावेज़ लोड किया गया है। यदि आपकी स्क्रिप्ट उस से पहले निष्पादित की जाती है, तो इसे आपकी परिभाषा के अनुसार 'synchroneously' को निष्पादित किया गया है। यदि इसे बाद में निष्पादित किया जाता है, तो इसे किसी अन्य तरीके से लोड किया जाना चाहिए ('asynchroneously')।

फिर से, त्वरित और गंदे: अपनी HTML फ़ाइल में अपने सिर में एक स्क्रिप्ट टैग बनाएं; क्रॉस-ब्राउज़र संगत होने के लिए, मेरा मानना ​​है कि इसे आपकी HTML फ़ाइल में पहला स्क्रिप्ट टैग होना चाहिए (नोट: विंडो। आधुनिक ब्राउज़र में अपरिभाषित होने पर पहले से ही गलत है)।

<script> 
// this property by default is false 
window.DOMready = false; 

// all browsers but IE<8 
// wait for the DOMContentLoaded event and set window.DOMready to true 
if (document.addEventListener) { 
    document.addEventListener("DOMContentLoaded", function() { 
     window.DOMready = true; 
    }, false); 

} else { 
    // not entirely accurate but functioning in IE<8 
    // you may want to use another IE solution if you care 
    window.onload = function() { 
     window.DOMready = true; 
    } 
} 
</script> 

फिर, अपनी स्क्रिप्ट फ़ाइलों में आप विंडो की जांच कर सकते हैं। पहले से ही संपत्ति। यदि सही है, तो आपकी स्क्रिप्ट को असीमित रूप से लोड किया गया है। उदाहरण:

// myscript.js 
if (window.DOMready) { 
    // we have been loaded asynchroneously 
} else { 
    // we have been loaded synchroneously 
} 

आनंद लें!