如何使用 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中文网其他相关文章！