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

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

Hackeus
2022-10-11 / 0 评论 / 31 阅读 / 正在检测是否收录...

引入外部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()函数解码还原。

0

评论

博主关闭了所有页面的评论