如何实现cdn js文件加载失败后加载本地 js 文件？

Question

项目中引用的框架想要换成第三方 cdn 资源，但是又怕 cdn 资源某一天出错。如何实现前者加载失败时自动加载后者？

Answer 1

可以类似这样写

<script src="http://lib.sinaapp.com/js/jquery/1.11.1/jquery.min.js"></script>
<script>
if (!window.jQuery) {    
    var script = document.createElement('script');    
    script.src = "/js/jquery.min.js";    
    document.body.appendChild(script);
}
</script>

Answer 2

监听 script 标签的 onError 事件