Comment injecter dynamiquement des balises de script avec des sources dynamiques contenant « document.write » ?

Injection de balise de script dynamique avec source dynamique

Lorsque vous essayez d'ajouter dynamiquement une balise de script à une page Web, il est important de prendre en compte les problèmes potentiels. avec la source du script, comme son inclusion de document.write. Bien que les méthodes traditionnelles d'injection de script fonctionnent bien pour les scripts avec des sources statiques, elles peuvent échouer dans ces cas.

Pour injecter efficacement une balise de script avec une source générée dynamiquement pouvant inclure document.write, une approche différente est nécessaire. . Cela implique de créer un nouvel élément de script à l'aide de document.createElement('script'), de définir son attribut src sur la source souhaitée et de l'ajouter au document.head.

Par exemple, le code suivant montre comment ajoutez dynamiquement une balise de script avec une source qui inclut document.write :

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

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

document.head.appendChild(my_awesome_script);

En utilisant cette méthode, le navigateur exécutera le code du script de manière dynamique, y compris tous les appels document.write qu'il contient. Cela fournit un moyen fiable et efficace d’injecter des scripts avec des sources dynamiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!