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