Javascript 无法在 github 页面网站上运行

Question

因此，JavaScript 曾经在我的 github 页面网站上运行，但在我删除存储库并尝试通过一些更改重新上传项目后，它不再运行。这是repo。这是网站。

Answer 1

您正在通过 HTTPS 为站点提供服务，但尝试通过 HTTP 加载 jQuery。这是不允许的。

<!-- wrong -->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

将

http

替换为

https

，你应该可以开始了。如果您在浏览器中打开 Javascript 控制台（通常在 F12 下），则很容易发现此错误。

<!-- correct -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

---

但是协议相关链接呢？

您也可以使用这种曾经流行的语法：

<!-- meh -->
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

但目前这是货物崇拜。拼写出

https://cdnjs.cloudflare.com/

更好。

原因如下：

• 您的 CDN 提供 HTTPS！那好极了。请务必使用它。即使您的网站是通过纯 http 交付的_{（但为什么？）}，您的用户至少仍然可以安全地获取资产。
• 如果您通过

  file://

  URI 在本地打开该页面，该页面仍然可以工作，这在开发过程中有时会很有帮助。
• 性能影响可以忽略不计，您无需担心。

来自 Chrome 开发者之一 Paul Irish 的一些建议：

如果您需要的资产在 SSL 上可用，则始终使用

https://

资产。

即使您的网站使用 HTTP，请求 HTTPS 资产始终是安全的，但反之则不然。

Answer 2

当您使用 非指定

http protocols

可能是个好主意，不要将它们放入任何请求中...因此，不要仅使用

http://

，而不是

//

。

console.log("$", window.jQuery)

<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>