javascript - 从多个位置加载资源(例如 JavaScript 脚本)作为后备？

Question

这个问题已经有答案了:

How to load local script files as fallback in cases where CDN are blocked/unavailable? [duplicate] (10 个回答)

已关闭 3 年前。

我想知道是否有一种方法可以告诉浏览器从服务器 A 加载诸如 JavaScript 脚本 之类的资源(例如，有很多好处的 CDN)，如果不成功，则从服务器 B 加载它(这可以是我自己的服务器等)作为后备解决方案。

Answer 1

浏览器中使用的大多数 JavaScript 都具有全局出现的对象。它检测存在或不存在，如果不存在，则写入 <script>与 document.write .

console.log($.fn.jquery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.5/jquery.notfound.js"></script>
<script>window.jQuery || document.write(`<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"><\/script>`)</script>

如果应用异步，加载时间将是“onload 之前的某个时间”。所以，这是在window.onload上设置事件的流程如果未加载，则在 DOM 中生成一个元素。