如何在 JavaScript 文件中安全地附加 <script> 標籤-js教程-PHP中文網

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

How to Append <script> 安全地在JavaScript 文件中新增標籤"> 安全地在JavaScript 文件中新增標籤" /></p>
<h2>新增<script> JavaScript 文件的標籤</script>
</h2>
<p>附加 JavaScript 文件中的標籤對於各種任務來說可能是必要的。然而，天真的嘗試使用諸如appendChild()或jQuery的append()之類的方法可能會導致腳本標籤被刪除。這是解決此問題的可靠解決方案：</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 文件中安全地附加

作者最新文章