javascript - HTML如何加载外部JS文件

Question

我是网络开发的初学者，最近遇到了一些包含两个外部 JS 文件的代码，如下所示:

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>

我知道浏览器将执行额外的 HTTP 请求来获取引用的文件。现在，这就是让我想知道的:

当我将包含的 HTML 文件放入 XAMPP htdocs 文件夹并通过本地主机访问它时，一切正常。但是，当我在 Chrome 或 Firefox 中打开本地 .html 文件时，它将无法找到这些外部 JavaScript。

显然，这不是问题，因为您通常不会以这种方式使用 HTML 文件，但我仍然想知道这里会发生什么。是否需要某种服务器来包含外部 JS 文件？有趣的是，当我包含这样的文件时它就可以工作:

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

知道为什么会很有趣 =)

干杯!

Answer 1

localhost 有 http:// 协议(protocol)，如果您复制 localhost url 并将其粘贴到任何编辑器，您可以简单地看到带有 localhost url 的 http:// ，但是当您通过 file:// 直接打开文件时，它不会，这就是当您通过 XAMPP localhost 访问时加载文件的原因。