¿Cómo detectar si los archivos javascript están cargados?

Question

¿Hay un evento que se activa cuando se cargan los archivos de JavaScript? El problema surgió porque YSlow recomienda mover los archivos JavaScript al final de la página. Esto significa que $(document).ready(function1) se activa antes de que se cargue el archivo js que contiene el código para function1.

¿Cómo evitar este tipo de situaciones?

Answer 1

No tengo una referencia a mano, pero las etiquetas de script se procesan en orden, por lo que si coloca $(document).ready(function1) en una etiqueta de script después de las etiquetas de script que definen function1, etc., debería ser bueno ir.

<script type='text/javascript' src='...'></script> 
<script type='text/javascript' src='...'></script> 
<script type='text/javascript'> 
$(document).ready(function1); 
</script> 

Por supuesto, otra posibilidad sería asegurarse de que está utilizando sólo una etiqueta de script, en total, mediante la combinación de archivos como parte de su proceso de construcción. (A menos que esté cargando los otros desde un CDN en algún lugar). Eso también ayudará a mejorar la velocidad percibida de su página.

EDIT: me di cuenta de que en realidad no respondí tu pregunta: No creo que haya un evento de navegador cruzado que se dispare, no.Hay si trabajas lo suficiente, mira a continuación. Puede probar para los símbolos y utilizar setTimeout para reprogramar:

<script type='text/javascript'> 
function fireWhenReady() { 
    if (typeof function1 != 'undefined') { 
     function1(); 
    } 
    else { 
     setTimeout(fireWhenReady, 100); 
    } 
} 
$(document).ready(fireWhenReady); 
</script> 

... pero no debería tener que hacer eso si usted consigue su pedido etiqueta script correcto.

---

Actualización: Puede obtener notificaciones de carga de script elementos que se agregan a la página dinámicamente si lo desea. Para conseguir el apoyo del navegador amplio, que tiene que hacer dos cosas diferentes, sino como una técnica combinada funciona esto:

function loadScript(path, callback) { 

    var done = false; 
    var scr = document.createElement('script'); 

    scr.onload = handleLoad; 
    scr.onreadystatechange = handleReadyStateChange; 
    scr.onerror = handleError; 
    scr.src = path; 
    document.body.appendChild(scr); 

    function handleLoad() { 
     if (!done) { 
      done = true; 
      callback(path, "ok"); 
     } 
    } 

    function handleReadyStateChange() { 
     var state; 

     if (!done) { 
      state = scr.readyState; 
      if (state === "complete") { 
       handleLoad(); 
      } 
     } 
    } 
    function handleError() { 
     if (!done) { 
      done = true; 
      callback(path, "error"); 
     } 
    } 
} 

En mi experiencia, la notificación de error (onerror) no es fiable al 100% multi-navegador. También tenga en cuenta que algunos navegadores harán ambos mecanismos, de ahí la variable done para evitar notificaciones duplicadas.

Última pregunta

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Cuestiones relacionadas

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.