¿Es posible esperar hasta que se carguen todos los archivos javascript antes de ejecutar el código javascript?

Question

Tenemos varios archivos JavaScript que cargamos en la parte inferior de la página maestra. Sin embargo, tengo la situación de que necesito realizar algunos JavaScript antes de que se carguen los otros scripts. ¿Es posible esperar hasta que se carguen todos los archivos JavaScript y luego ejecutar algún código JavaScript?

Pensé que $(document).ready() hizo esto, pero como resulta, no es así. Por supuesto, podemos mover los archivos de script de abajo hacia arriba, pero me pregunto si es posible lo que quiero.

Answer 1

Usted puede utilizar

$(window).on('load', function() { 
    // your code here 
}); 

¿Qué va a esperar hasta que se carga la página. $(document).ready() espera hasta que el DOM se carga

Answer 2

Puede usar <script>'s defer attribute. Especifica que el script se ejecutará cuando la página haya terminado de analizarse.

<script defer src="path/to/yourscript.js"> 

Un buen artículo sobre esto: http://davidwalsh.name/script-defer

apoyo navegador parece bastante bueno: http://caniuse.com/#search=defer

Answer 3

Puede utilizar .getScript() y ejecutar su código después de que se carga:

$.getScript("my_lovely_script.js", function(){ 

    alert("Script loaded and executed."); 
    // here you can use anything you defined in the loaded script 

}); 

se puede ver una mejor explicación aquí: How do I include a JavaScript file in another JavaScript file?