使用 HTML 脚本标签加载脚本

HTML 脚本标签用于包含和执行 JavaScript 代码。默认情况下，此标记采用外部源属性，例如 scr 来加载 JavaScript 文件。但是，尝试在脚本标记中包含内联 JavaScript，如下所示：

静默失败，不会引发错误。

为什么在脚本标记中使用内联 JavaScript 不起作用

此行为的原因是脚本元素可以仅加载单个源，无论是外部源还是内联源。当 src 和内联内容同时存在时，内联内容将被忽略。因此：

不会加载指定的脚本。

解决方案：使用多个脚本元素

要加载多个脚本，您需要为每个脚本使用单独的脚本元素：

或者，您可以创建一个动态加载必要脚本的父脚本：

附加说明

虽然内联 JavaScript 在具有外部源的脚本元素中被忽略，但脚本元素的内容仍保留在 DOM 中。这促使一些开发人员使用它来存储外部脚本访问的数据。然而，为此目的，使用 data-* 属性通常是更合适、更简洁的方法。