Javascript不能在github页面上运行

Javascript won't run on github pages site

本文关键字：运行 github 不能 Javascript      更新时间：2023-09-26

所以javascript曾经在我的github页面网站上工作，但在我删除存储库并试图重新上传一些更改的项目后，它不再工作了。这是回购。

您通过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://资产。

请求HTTPS资产总是安全的，即使你的网站是在HTTP上，但反之则不然。

当您使用非指定 http protocols可能是一个好主意，不要将它们放在任何请求中…所以，用//代替http://。

console.log("$", window.jQuery)
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

相关文章：