有些使用 jquery.js 插件的的网站,为节约服务器资源喜欢引用一些静态CDN上的 jquery.js 资源链接,但如果静态CDN资源出现无法链接的问题,就会导致网站的崩溃。为解决这一问题,今天我们就说一说,如何在静态CDN资源上的 jquery.js 链接失效时,引用本地的jquery.js链接。
检测jQuery.js是否已加载的判断方法
方法1:
<script>
if (jQuery) {
// jQuery 已加载
} else {
// jQuery 未加载
}
</script>
方法2:
<script>
if (typeof jQuery == 'undefined') {
// jQuery 未加载
} else {
// jQuery 已加载
}
</script>
jQuery.js未加载调用本地文件的方法
示例代码1:
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write('<script src="js/jquery.min.js"></script>');
}
</script>
示例代码2:
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
(window.jQuery) || document.write('<script src="js/jquery-2.2.4.min.js"><\/script>');
</script>