在 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中文网其他相关文章!