外部js文件如何工作

Question

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

它是否像css文件一样工作？

谢谢

Answer 1

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

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

当浏览器加载文档（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代码也会浪费带宽。