JavaScript脚本引用CDN失效时自动加载本地脚本 - 陌路人博客

JavaScript脚本引用CDN失效时自动加载本地脚本-陌路人博客-第1张图片陌路人

陌路人博客(blog.imlr.cn)
用心传递快乐,初心不变。

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

JavaScript脚本引用CDN失效时自动加载本地脚本-陌路人博客-第2张图片

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


×

感谢您的支持,我们会一直保持!

JavaScript脚本引用CDN失效时自动加载本地脚本-陌路人博客- 第4张图片
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:陌路人博客 » JavaScript脚本引用CDN失效时自动加载本地脚本
标签: 教程 代码

发表评论

表情

网友评论(0)