现在的位置: 首页 > 综合 > 正文

JavaScript中jQuery CDN使用

2016年08月19日 ⁄ 综合 ⁄ 共 1204字 ⁄ 字号 评论关闭

      如果您不希望下载并存放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> 

抱歉!评论已关闭.