内联 JavaScript 脚本可以使用 `src` 属性吗？

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

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

<code class="html"><script type='text/javascript' src='/path/to/script.js'>
    alert('Do some stuff here, using resources defined in script.js.');
</script></code>

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

官方行为

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

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

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

浏览器行为

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

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

最佳实践

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

以上是内联 JavaScript 脚本可以使用 `src` 属性吗？的详细内容。更多信息请关注PHP中文网其他相关文章！