Maison > interface Web > js tutoriel > Comment inclure dynamiquement des scripts avec la fonctionnalité document.write ?

Comment inclure dynamiquement des scripts avec la fonctionnalité document.write ?

Barbara Streisand
Libérer: 2024-10-28 22:32:30
original
894 Les gens l'ont consulté

How to Dynamically Include Scripts with document.write Functionality?

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 :

<code class="javascript">var my_awesome_script = document.createElement('script');

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

document.head.appendChild(my_awesome_script);</code>
Copier après la connexion

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

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal