Javascript HTML如何加载外部JS文件

Javascript HTML如何加载外部JS文件,javascript,html,web,src,Javascript,Html,Web,Src,我是web开发的初学者,最近我遇到了一些代码,其中包含两个外部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文件放入XA

我是web开发的初学者,最近我遇到了一些代码,其中包含两个外部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文件夹并通过localhost访问它时,一切正常。然而,当我在Chrome Order Firefox中打开local.html文件时,它将无法找到这些外部Java脚本

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

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

知道原因真的很有趣()


干杯

localhost具有http://协议如果复制localhost url并将其粘贴到任何编辑器中,您只需查看带有localhost url的http://,但当您通过file://直接打开文件时,这就是为什么通过XAMPP localhost访问时会加载文件。

localhost有http://协议如果复制localhost url并将其粘贴到任何编辑器中,您只需通过localhost url查看http://,但通过file://直接打开文件时,它不会,这就是通过XAMPP localhost访问时加载文件的原因。

使用的是相对url,它将使用显示页面中的协议方案,但与url中的主机相对。在HTTPS页面上,这将是一个HTTPS请求,在HTTP页面上,这将是一个HTTP请求

因此,换句话说,它将查找被请求页面使用的正确协议-HTTP或HTTPS-并使用该协议

以下是有关此主题的一篇好文章:

正在使用相对url,它将使用显示页面中的协议方案,但针对url中的主机。在HTTPS页面上,这将是一个HTTPS请求,在HTTP页面上,这将是一个HTTP请求

因此,换句话说,它将查找被请求页面使用的正确协议-HTTP或HTTPS-并使用该协议


这是一本关于这个话题的好书:

哦,我明白了!这也是为什么我只要加上“http:”就行了,因为它将使用http协议。谢谢你的回答!哦,我明白了!这也是为什么我只要加上“http:”就行了,因为它将使用http协议。谢谢你的回答!谢谢你的回答!谢谢你的回答!