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