Wie füge ich Skript-Tags mithilfe von JavaScript in HTML-Dokumente ein?

Einfügen von Skript-Tags in HTML-Dokumente in JavaScript

Um Skript-Tags dynamisch zu Ihrem HTML-Dokument hinzuzufügen, können Sie die Methode appendChild() nutzen oder jQuerys append(). Das direkte Anhängen von Skript-Tags kann jedoch dazu führen, dass der Inhalt entfernt wird.

Verwenden von document.createElement()

Um dieses Problem zu beheben, können Sie das Skript-Tag erstellen Verwenden Sie document.createElement() und legen Sie dann den HTML-Inhalt manuell mithilfe von script.innerHTML fest. Hängen Sie abschließend das Skriptelement an den Kopf oder Körper des Dokuments an:

// Create the element

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

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

Alternativ können Sie es an den Körper anhängen:

document.body.appendChild(script);

Mit jQuery

Wenn Sie jQuery verwenden, können Sie das Skriptelement mit der Methode append() anhängen:

// Create the element

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

// Append

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

Diese Methode vereinfacht den Prozess, indem das Skript-Tag automatisch erstellt und der Inhalt verarbeitet wird Einfügen.

Das obige ist der detaillierte Inhalt vonWie füge ich Skript-Tags mithilfe von JavaScript in HTML-Dokumente ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!