JavaScript脚本引用CDN失效时自动加载本地脚本

2022-11-18 分类：技术教程阅读(278) 评论(0) 扫描二维码

引入外部CDN库文件失效时自动载入本地库文件，使用该方法可以防止CDN抽风时资源加载出错导致影响页面的问题。

以jQuery为例实现方法：
方法一

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script>
    if (typeof jQuery == 'undefined') {
        document.write(unescape("%3Cscript src='/js/jquery.min.js'%3E%3C/script%3E"));
    }
</script>

方法二

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape("%3Cscript src='/js/jquery.min.js'%3E%3C/script%3E"))</script>

其中代码中%3C和%3E分别代表<和>，并通过unescape()函数解码还原。

打赏赞