如何使用 JavaScript 將腳本標籤插入 HTML 文件？

在JavaScript 中將腳本標籤插入HTML 文件

要動態地將腳本標籤新增至HTML 文件中，您可以利用appendChild( ) 方法或jQuery 的append()。但是，直接附加腳本標籤可能會導致內容被刪除。

使用document.createElement()

要解決此問題，您可以建立腳本標籤使用document.createElement()，然後使用script.innerHTML 手動設定HTML 內容。最後，將腳本元素附加到文件的頭部或正文：

// Create the element

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

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

或者，您可以附加到正文：

document.body.appendChild(script);

使用jQuery

如果您使用jQuery，則可以使用append() 方法附加腳本元素：

// Create the element

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

// Append

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

此方法透過自動建立腳本標籤並處理內容來簡化流程插入。

以上是如何使用 JavaScript 將腳本標籤插入 HTML 文件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！