天天看點

JavaScript中jQuery CDN使用

      如果您不希望下載下傳并存放jQuery在本地,那麼也可以通過 CDN(内容分發網絡)引用它。

CDN的全稱是Content Delivery Network,即内容分發網絡。

百度、谷歌、微軟等都有自己的CDN,我們可以直接使用它。

   谷歌:

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
</script> 
</head> 
           

      Microsoft CDN :

<head> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> 
</script> 
</head> 
           

目前國内通路谷歌的伺服器一般都出現延時或者根本通路不了的問題,是以 推薦百度、新浪等CDN。

但是使用谷歌或微軟的 jQuery,有一個很大的優勢:

許多使用者在通路其他站點時,已經從谷歌或微軟加載過 jQuery。所有結果是,當他們通路您的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數 CDN 都可以確定當使用者向其請求檔案時,會從離使用者最近的伺服器上傳回響應,這樣也可以提高加載速度。

       新浪:

<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
           

   百度:

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
           

   360:

<script src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js"></script>
           

如果擔心CDN位址加載失敗,可以這樣載入本地jquery。

<script type="text/javascript">
!window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
</script>
           

或者這樣寫,第一個首選,如果加載失敗js就會加載第二個位址 。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 
!window.jQuery && document.write('<script src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"><\/script>'); 
</script> 
           

繼續閱讀