JavaScript 困境：嵌入腳本與內嵌執行？

外部腳本標籤中的JavaScript：來源困境

使用帶有

<code class="html"><script src="myFile.js">
    alert("This is a test");
</script></code>

此程式碼不起作用，因為外部腳本標記旨在從指定來源載入 JavaScript 程式碼。它們不允許內聯執行 JavaScript。為了解決這個問題，我們需要建立額外的<script>我們希望在頁面本身上執行的任何JavaScript 程式碼的標籤：</script>

<code class="html"><script>
    alert("This is a test");
</script></code>

以下範例說明了我們可能遇到此挑戰的常見場景：

<code class="html"><script src="script/addScript.js">
    addScript("script/obj.js");
    addScript("script/home/login.js");
</script></code>

在這裡，我們嘗試使用外部檔案中的addScript 函數將多個腳本新增到DOM，但這種方法失敗了。要執行 addScript 函數並動態載入腳本，我們必須建立一個內聯 <script> 。 tag:</script>

<code class="html"><script>
    addScript("script/obj.js");
    addScript("script/home/login.js");
</script></code>

這種行為的原因在於外部腳本標籤一次載入一個腳本。嘗試在同一 <script> 中包含內聯腳本和外部腳本標記導致內聯腳本被忽略。要在一個頁面上執行多個腳本，需要建立單獨的 <script> 腳本。 </script>

值得注意的是，雖然內聯 <script> 的內容是與外部腳本結合使用時，標籤將被忽略，您可以使用 data-* 等屬性將資料儲存在這些標籤中。這種方法對於某些場景可能是有利的，但使用 data-* 屬性通常被認為是一種更乾淨的解決方案。 </script>

以上是JavaScript 困境：嵌入腳本與內嵌執行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！