使用Google CDN的JSAPI服务来提供加载各类JS库的方法

例如jQuery、Prototype库等
2012-02-17 09:17:56 | 56次阅读 | 评论:0 条 | itokit 

jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.
jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.

Google挺够意思,就提供了jQuery库,通过使用Google提供的jQuery库,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。

用起来也很简单,直接在网页里引用Google服务器上的相关js文件就可以了。不过,如果引用多个js,就要插入多段的script。Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。

首先在页头部分加入以下这行代码:
< script type="text/javascript" src="http://www.google.com/jsapi"></script>

加载jQuery,可以这样使用:
google.load("jquery","1.3.2");

这样我们就从Google的最近的CDN镜像上加载了jQuery 1.3.2版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办?我们可以设定在js库加载完以后才开始执行js:
google.setOnLoadCallback(function(){//要执行的代码});
更多有关google jsapi的相关介绍和文档,可以参考:google AJAX 库 API

除了jQuery,Google还提供供了以下这些js框架/库的API:
jQuery UI
Prototype
script.aculo.us
MooTools

除了上面提到的JSAPI加载外,你还可以通过以下方式加载来减少本站加载JS的连接数问题。
 

JavaScript Code复制内容到剪贴板<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/

联盟快卖 商人,生意人,待创业人士在此可以共赢互利 期待你的加入 群号:140809277
原文地址:https://www.cnblogs.com/yexinw/p/2385505.html