有些使用 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="http://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="http://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>