CDN失败时如何在本地加载jQuery？

当使用CDN加载jQuery时，如果CDN出现故障或无法访问，页面会出现无法加载的情况。为了避免这种情况，我们可以使用本地加载jQuery的方法。

方法一：下载jQuery到本地

我们可以通过访问jQuery官网下载jQuery的压缩版本到本地，然后在HTML页面中引用。

<script src="path/to/jquery.min.js"></script>

这样做的好处是，即使CDN无法访问，页面也会正常加载jQuery，而不会出现页面无法加载的情况。

方法二：判断CDN是否可用，不可用则转为加载本地jQuery

我们还可以通过JavaScript代码实现CDN不可用时，自动加载本地jQuery。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
    // 判断CDN是否可用，不可用则加载本地jQuery
    if (typeof jQuery == 'undefined') {
        document.write('<script src="/path/to/jquery.min.js"><\/script>');
    }
</script>

我们首先引用CDN中的jQuery。然后，通过JavaScript代码判断jQuery是否可用。如果不可用，则通过document.write方法加载本地jQuery。

注意：如果使用该方法，我们需要在HTML页面中放置本地jQuery文件。在加载本地jQuery之前，必须确保路径和文件名正确。否则会导致加载失败。

方法三：使用自动切换CDN的jQuery库

最后，我们可以使用一些自动切换CDN的jQuery库，例如jquery-cdn。这些库会根据当前网络环境，选择最快速的CDN节点加载jQuery。

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

通过以上方法，我们可以避免CDN失效时无法加载jQuery的情况，确保页面正常运行。