javascript - 外部js文件如何工作

Question

希望有人可以向我解释当我们通过脚本标签包含外部 js 文件时它们是如何工作的。

它像css文件一样工作吗？

谢谢你

Answer 1

您需要了解 HTML 是浏览器呈现的文档。您可以包含各种其他资源

• 脚本（javascript 和浏览器支持的任何此类脚本）
• 样式表 (css)
• 图像（在 script/css/inline 元素中引用）
• 字体

当浏览器加载文档（HTML）（作为初始 HTTP 请求的一部分）时，它会尝试取消引用被引用的资源。如果存在对上述任何资源的引用，则浏览器会发出额外的 HTTP 请求以获取资源。如果您在 HTML 文档中嵌入了 javascript，则浏览器不会解释它，而是 javascript 引擎（浏览器的一部分）解释脚本并运行它。

编辑 另外，请参考 Marc B 提供的答案。

我建议您在任何现代浏览器中运行调试器，以了解如何发出资源请求。

Answer 2

给定

file.js:

alert('foo');

file.html:

<script type="text/javascript" src="file.js"></script>

基本上没有什么不同，并且与以下内容完全相同：

file2.html:

<script type="text/javascript">
   alert('foo');
</script>

除了第一个涉及另一个 http 请求，无论出于何种原因，它都可能失败，让您没有 JS 代码。另一方面，如果您不使用所有这些代码，那么在每个页面中嵌入所有 js 代码也是一种带宽浪费。