एचटीएमएल पार्स आदेश/स्क्रिप्ट निष्पादन आदेश

Question

निम्नलिखित लाइनों आधिकारिक jQuery वेबसाइट

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script>!window.jQuery && document.write('<script src="http://code.jquery.com/jquery-1.4.2.min.js"><\/script>');</script> 

मैं HTML पार्स आदेश के बारे में यकीन नहीं है से कर रहे हैं, या मुझे कहना चाहिए स्क्रिप्ट निष्पादन आदेश।

सवाल यह है: लाइन 2 लोड करने के लिए लाइन 2 प्रतीक्षा करेगा? मुझे शक है।

यदि लाइन 1 अभी भी लोड हो रहा है (कहें कि यह 3000 केबी है, और लंबा लगता है), और लाइन 2 पहले से ही निष्पादित किया गया है। window.jQuery हमेशा झूठा होगा, और इसलिए दूसरा जेएस हमेशा शामिल है। यदि यह सच है, वैसे भी लाइन 1 क्या है?

Answer 1

स्क्रिप्ट को दस्तावेज़ में क्रम में निष्पादित किया जाता है। ब्राउजर स्क्रिप्ट को इसके बाद स्क्रिप्ट निष्पादित करने से पहले लोड करने की प्रतीक्षा करता है।

यदि यह मामला नहीं था, तो आपके पास कोई भी दो फाइलें एक-दूसरे पर निर्भर नहीं हो सकती थीं। आपको सब कुछ एक ही फाइल में रखना होगा क्योंकि अन्यथा स्क्रिप्ट निष्पादन आदेश व्यावहारिक रूप से यादृच्छिक होगा।

Answer 2

हां यह स्क्रिप्ट लोड होने और पार्स किए जाने तक किसी भी एचटीएमएल को पार्स करने के साथ इंतजार करेगा। यह एक कारण है कि आपको अपने पृष्ठ के अंत में बाहरी स्क्रिप्ट क्यों लोड करनी चाहिए ताकि स्क्रिप्ट HTML प्रतिपादन को अवरुद्ध न करे।

Answer 3

विशेषता defer या async

ब्राउज़र का उपयोग कर के बिना से निपटने का अधिक परंपरागत तरीके के बारे में बात करने देता है करेंगे:

1. डाउनलोड script रों, डाउनलोड करने

2. पार्स से अन्य संसाधन अवरुद्ध स्क्रिप्ट

3. आलेख निष्पादित

देखें Ch1, लोड हो रहा है और से High Performance JavaScript

निष्पादित यहाँ एक और अच्छा संदर्भ 12.3 है। JavaScript: The Definitive Guide, 4th Edition