Chargement de scripts avec des balises de script HTML

La balise de script HTML est utilisée pour inclure et exécuter du code JavaScript. Par défaut, cette balise prend un attribut source externe, tel que scr pour charger un fichier JavaScript. Cependant, les tentatives d'inclure du JavaScript en ligne dans la balise de script, comme ceci :

Échec silencieusement sans générer d'erreurs.

Pourquoi l'utilisation de JavaScript en ligne dans la balise de script ne fonctionne pas

La raison de ce comportement est qu'un élément de script peut ne chargez qu’une seule source, qu’elle soit externe ou en ligne. Lorsque le contenu src et le contenu en ligne sont présents, le contenu en ligne est ignoré. Par conséquent :

Ne chargera pas les scripts spécifiés.

Solution : Utilisation de plusieurs éléments de script

Pour charger plusieurs scripts, vous devez utiliser des éléments de script distincts pour chacun :

Vous pouvez également créer un script parent qui charge dynamiquement les scripts nécessaires :

Notes supplémentaires

Bien que JavaScript en ligne soit ignoré dans les éléments de script avec des sources externes, le contenu de l'élément de script reste dans le DOM. Cela a incité certains développeurs à l'utiliser pour stocker les données auxquelles accèdent les scripts externes. Cependant, l'utilisation des attributs data-* est généralement une approche plus appropriée et plus propre à cette fin.