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> 






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值