JavaScript ¿cómo detectar eventos cuando el script de carga lenta está listo?

Question

Tengo un archivo JavaScript de carga lenta, ¿cómo puedo ver el evento cuando la clase en el archivo está lista para su uso? Solo necesito cargar este script en un caso específico. Por lo tanto, no se carga a través de onload, sino en una cláusula if.

El código de carga diferida Tomé desde aquí: http://friendlybit.com/js/lazy-loading-asyncronous-javascript/

if (externalClassRequired) { 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.async = true; 
    s.src = 'http://yourdomain.com/script.js'; 
    var x = document.getElementsByTagName('script')[0] 
    x.parentNode.insertBefore(s, x); 

    // When do I know when the class named "geo" is available? 
} 

---

Actualización:
Lo siento chicos, me olvidó totalmente sobre Ajax! :) Estaba tan concentrado en mi problema que no vi la solución obviamente por @Tokimon. La solución más simple a través de jQuery sería:

$.getScript('http://yourdomain.com/script.js', function() { 
    // callback or use the class directly 
}); 

Answer 1

o usted podría conseguir la escritura a través de AJAX. Entonces usted está seguro de que el script se carga cuando se dispara el evento de éxito ajax :)

Answer 2

Como requiere una solicitud de HTTP, debería poder poner un evento de carga sobre ella.

s.onload = function() { 
    // do something 
} 

En 'aún más rápido Sitios Web' Steve Souders ofrecen una solución, que se puede ver here.

Answer 3

Si entiendo lo que quiere lograr correctamente. Esta es la razón por la cual existen métodos de devolución de llamada.

Explicación bastante bien aquí Getting a better understanding of callback functions in JavaScript

Answer 4

var onloadCallback = function() { 
    alert('onload'); 
} 

var s = document.createElement('script'); 
s.type = 'text/javascript'; 
s.async = true; 
s.onreadystatechange = function() { // for IE 
    if (this.readyState == 'complete') onloadCallback(); 
}; 
s.onload = onloadCallback; // for other browsers 
s.src = 'http://yourdomain.com/script.js'; 
var x = document.getElementsByTagName('script')[0] 
x.parentNode.insertBefore(s, x); 

También es posible usar un XMLHttpRequest para cargar el archivo.

Answer 5

if (s.readyState) s.onreadystatechange = function() { 
    if (s.readyState === "loaded" || s.readyState === "complete") { 
     s.onreadystatechange = null; 
     callback(); 
    } 
}; else s.onload = function() { 
    callback(); 
};