जब तक मेरी सभी एसिंक्रोनस जेएस फाइलें डाउनलोड नहीं हो जातीं तब तक मैं कुछ जेएस कोड चलाने में देरी कैसे कर सकता हूं?

Question

अद्यतन:

मैं निम्नलिखित कोड:

<script type="text/javascript"> 
function addScript(url) { 
    var script = document.createElement('script'); 
    script.src = url; 
    document.getElementsByTagName('head')[0].appendChild(script); 
} 
addScript('http://google.com/google-maps.js'); 
addScript('http://jquery.com/jquery.js'); 

... 

// run code below this point once both google-maps.js & jquery.js has been downloaded and excuted 

</script> 

मैं कैसे क्रियान्वित जब तक सभी आवश्यक जे एस डाउनलोड किए जा चुके और मार डाला से कोड रोका जा सकता है? उपरोक्त मेरे उदाहरण में, उन आवश्यक फाइलें google-maps.js और jquery.js हैं।

Answer 1

आप सबसे ब्राउज़रों के लिए स्क्रिप्ट तत्व का onload घटना का उपयोग कर सकते हैं, और एक कॉलबैक तर्क का उपयोग करें:

संपादित करें: आप वास्तव में कोड के निष्पादन नहीं रोक सकता है जब आप इस तरह से स्क्रिप्ट लोड (और सिंक्रोनस अजाक्स अनुरोध करना ज्यादातर बार एक बुरा विचार है)।

लेकिन आप कर सकते हैं श्रृंखला कॉलबैक है, तो आप कुछ कोड है कि दोनों पर निर्भर करता है, Two.js और Three.js, अगर आप यह कर सकते श्रृंखला लोड हो रहा है कार्रवाई, उदाहरण के लिए:

loadScript('http://example.com/Two.js', function() { 
    // Two.js is already loaded here, get Three.js... 
    loadScript('http://example.com/Three.js', function() { 
    // Both, Two.js and Three.js loaded... 
    // you can place dependent code here... 
    }); 
}); 

कार्यान्वयन:

function loadScript(url, callback) { 
    var head = document.getElementsByTagName("head")[0], 
     script = document.createElement("script"), 
     done = false; 

    script.src = url; 

    // Attach event handlers for all browsers 
    script.onload = script.onreadystatechange = function(){ 
    if (!done && (!this.readyState || // IE stuff... 
     this.readyState == "loaded" || this.readyState == "complete")) { 
     done = true; 
     callback(); // execute callback function 

     // Prevent memory leaks in IE 
     script.onload = script.onreadystatechange = null; 
     head.removeChild(script); 
    } 
    }; 
    head.appendChild(script); 
} 

IE के लिए, onreadystatechange घटना बाध्य होने के लिए है।

Answer 2

मैंने अभी CMS's answer पढ़ा है, और निर्णय लिया है कि अपने "अधिकांश ब्राउज़रों" टिप्पणी से, मुझे उन लोगों के लिए काम करने में एक क्रैक हो सकता है, जो इस कार्यक्षमता को मूल रूप से नहीं रखते हैं।

असल में, यह एक अंतराल है जो एक चर के लिए चुनाव करता है।

var poll = window.setInterval(function() { 

    if (typeof myVar !== 'undefined') { 
     clearInterval(poll); 
     doSomething(); 
    }; 

}, 100);