在浏览器上运行页面时，在线 cdnjs 脚本未附加（加载）

Question

在我的 HTML 页面中，我想加载以下 CDNjs

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>

但在浏览器中加载如下

GET http://localhost:8080/cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js 404（未找到）

现在，我的问题是如何消除附加域名 (localhost:8080) 以正确加载我的脚本。 我也试过

<script src="../cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>

或

<script src="../../cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script> 但是结果是一样的

谢谢。

Answer 1

您应该使用以下方式来包含 cdn 文件。

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script> 

Answer 2

您需要使用 FQDN 到 CloudFlare。您当前正在进行相对路径查找。

你不应该在这里取消 https:，使用 // 和浏览器 wil auto-detect。即

<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>

Answer 3

检查下一行。

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js" async></script>

Answer 4

查看tether中的例子 我发现sample这里我们使用如下，你可以修改为cdnjs link。我建议以隐身模式打开。

执行外部脚本有几种方式：

• 如果存在异步：脚本与页面的其余部分异步执行（脚本将在页面继续解析时执行）

示例：-

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js" async></script>

• 如果不存在 async 而存在 defer：当页面完成解析时执行脚本

示例：-

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js" defer></script>

• 如果 async 或 defer 都不存在：在浏览器继续解析页面之前立即获取并执行脚本

示例：-

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>