使用 HTML 腳本標籤載入腳本

HTML 腳本標籤用於包含和執行 JavaScript 程式碼。預設情況下，此標記採用外部來源屬性，例如 scr 來載入 JavaScript 檔案。但是，嘗試在腳本標記中包含內聯 JavaScript，如下所示：

靜默失敗，不會引發錯誤。

為什麼在腳本標記中使用內聯 JavaScript 不起作用

此行為的原因是腳本元素可以僅載入單一來源，無論是外部來源還是內聯來源。當 src 和內聯內容同時存在時，內聯內容將被忽略。因此：

不會載入指定的腳本。

解決方案：使用多個腳本元素

要載入多個腳本，您需要為每個腳本使用單獨的腳本元素：

或者，您可以建立一個動態載入必要腳本的父腳本：

附加說明

雖然內嵌 JavaScript 在具有外部來源的腳本元素中被忽略，但腳本元素的內容仍保留在 DOM 中。這促使一些開發人員使用它來儲存外部腳本存取的資料。然而，為此目的，使用 data-* 屬性通常是更合適、更簡潔的方法。