如何在 JavaScript 文档中安全地附加 <script> 标签-js教程-PHP中文网

首页 > web前端 > js教程 > 如何在 JavaScript 文档中安全地附加

How to Append <script> 安全地在 JavaScript 文档中添加标签"> 安全地在 JavaScript 文档中添加标签" /></p>
<h2>添加 <script> JavaScript 文档的标签</script>
</h2>
<p>附加 <script> JavaScript 文档中的标签对于各种任务来说可能是必需的。然而，天真的尝试使用诸如appendChild()或jQuery的append()之类的方法可能会导致脚本标签被删除。这是解决此问题的可靠解决方案：</script></p>
<ol><li><strong>创建脚本元素：</strong></li></ol>
<p>首先创建一个 <script>使用 document.createElement("script") 方法创建元素。</script></p>
<div class=

<code class="javascript">var script = document.createElement("script");</code>

登录后复制

添加脚本内容：

添加所需的脚本内容到使用innerHTML属性的元素。

<code class="javascript">script.innerHTML = "...";</code>

登录后复制

附加到DOM：

现在，附加<script>;使用 document.head.appendChild(script) 将元素添加到 HTML 文档中，将其添加到 <head> 中或 document.body.appendChild(script) 将其添加到正文中。</script>

<code class="javascript">document.head.appendChild(script); // Or
document.body.appendChild(script);</code>

登录后复制

按照以下步骤，您可以成功附加 <script>; JavaScript 中的标签并执行其内容，而不会遇到删除它们的问题。</script>

以上是如何在 JavaScript 文档中安全地附加

作者最新文章