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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发