Comment insérer des balises de script dans des documents HTML à l'aide de JavaScript ?

Insertion de balises de script dans des documents HTML en JavaScript

Pour ajouter dynamiquement des balises de script à votre document HTML, vous pouvez exploiter la méthode appendChild() ou append() de jQuery. Cependant, l'ajout direct de balises de script peut entraîner la suppression du contenu.

À l'aide de document.createElement()

Pour surmonter ce problème, vous pouvez créer la balise de script à l'aide de document.createElement(), puis définissez manuellement le contenu HTML à l'aide de script.innerHTML. Enfin, ajoutez l'élément de script à l'en-tête ou au corps du document :

// Create the element

var script = document.createElement("script");

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

Vous pouvez également l'ajouter au corps :

document.body.appendChild(script);

À l'aide de jQuery

Si vous utilisez jQuery, vous pouvez ajouter l'élément de script à l'aide de la méthode append() :

// Create the element

var script = $("<script>").html("...");

// Append

$("head").append(script);

Cette méthode simplifie le processus en créant automatiquement la balise de script et en gérant le contenu. insertion.

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!