Inclusion dynamique de scripts avec la fonctionnalité document.write

Question :

Comment une balise de script avec un attribut variable src peut-elle être ajoutée dynamiquement à une page Web , surtout si le src contient des fonctions document.write ?

Contexte :

Habituellement, l'ajout d'une balise de script avec un attribut src spécifique dans l'en-tête HTML fonctionne de manière transparente. Cependant, lorsque l'attribut src inclut du code document.write, cela devient problématique.

Solution :

Pour ajouter dynamiquement une telle balise de script, les étapes suivantes peuvent être suivies :

1. Créez un nouvel élément de script à l'aide de document.createElement('script').
2. Définissez l'attribut src de l'élément de script sur l'URL/source souhaitée.
3. Ajoutez l'élément de script au document.head en utilisant appendChild().

Exemple :

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);

Cet élément de script sera ajouté dynamiquement à la page Web, même si son src contient du code document.write.