Los scripts siempre se cargan y ejecutan en el orden en el que sus tags están añadidos en tu HTML:
<script src="/scriptA.js"></script>
<script src="/scriptB.js"></script>
El código de scriptA.js
se ejecutará antes que el de scriptB.js
, sea cual sea el tamaño de cada fichero (si scriptB.js
se termina de cargar antes en paralelo, el navegador esperará de todos modos a que scriptA.js
se termine de cargar y ejecutar). Si no fuese así sería imposible asegurarse de cargar las dependencias en el orden adecuado (por ejemplo JQuery y sus plugins).
NOTA: Esto deja de ser válido si
Inyectas dinámicamente un tag script
, modificando el DOM para añadir un nuevo fichero o directamente añadiendo dentro de los tags nuevo código.
El tag script
tiene un atribut src
y usas el atributo defer
, encuyo caso el código se ejecuta cuando el documento está completamente cargado.
- El tag
script
tiene un atribut src
y usas el atributo async
, en cuyo caso el código se ejecutará en cuanto esté disponible.