有些使用 jquery.js 插件的的网站,为节约服务器资源喜欢引用一些静态CDN上的 jquery.js 资源链接,但如果静态CDN资源出现无法链接的问题,就会导致网站的崩溃。为解决这一问题,今天我们就说一说,如何在静态CDN资源上的 jquery.js 链接失效时,引用本地的jquery.js链接。

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>