Carga de scripts con etiquetas de script HTML

La etiqueta de script HTML se utiliza para incluir y ejecutar código JavaScript. De forma predeterminada, esta etiqueta toma un atributo de fuente externa, como scr, para cargar un archivo JavaScript. Sin embargo, se intenta incluir JavaScript en línea dentro de la etiqueta script, como este:

Falla silenciosamente sin generar errores.

Por qué no funciona el uso de JavaScript en línea en la etiqueta Script

El motivo de este comportamiento es que un elemento de script puede Cargue solo una única fuente, ya sea externa o en línea. Cuando tanto el contenido src como el contenido en línea están presentes, el contenido en línea se ignora. Por lo tanto:

No se cargarán los scripts especificados.

Solución: uso de varios elementos de script

Para cargar varios scripts, debe utilizar elementos de script separados para cada uno:

Como alternativa, puede crear un script principal que cargue dinámicamente los scripts necesarios:

Notas adicionales

Si bien JavaScript en línea se ignora en elementos de script con fuentes externas, el contenido del elemento de script permanece en el DOM. Esto ha llevado a algunos desarrolladores a utilizarlo para almacenar datos a los que acceden los scripts externos. Sin embargo, utilizar atributos data-* suele ser un enfoque más apropiado y limpio para este propósito.