JavaScript 内联脚本可以有 Source 属性吗？

问题是关于具有 source 属性的内联 JavaScript 脚本的有效性，如：

与通过源属性包含脚本并单独执行的常见 JavaScript 用法不同，此示例尝试结合这两种方法。

官方行为

HTML 4.01 规范定义的官方行为规定内联脚本不能具有 source 属性。规范规定：

“如果未设置 src 属性，则用户代理必须将元素的内容解释为脚本。如果 src 有 URI 值，则用户代理必须忽略元素的内容并检索通过 URI 执行脚本。"

这意味着如果存在源属性，内联脚本的内容将被忽略。

浏览器行为

In实际上，主要浏览器对此规范的解释如下：

• Chrome、Firefox、Edge： 内联脚本的内容将被忽略，仅执行源文件中定义的脚本。
• Safari: 内联脚本和源文件都会被执行。

最佳实践

避免潜在的浏览器不一致，建议使用内联脚本或单独的脚本文件，但不要同时使用两者。这种方法可确保所有浏览器的行为一致且可预测。