开发人员指南
简单例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.1");
</script>
<script type="text/javascript">
$(document).ready(function(){
alert('hi');
});
</script>
</HEAD>
<BODY>
HI
</BODY>
</HTML>
AJAX 库 API 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 google.load()
方法,您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的开源 JavaScript 库列表。
目录
读者
此文档适用于熟悉 JavaScript 编程和面向对象编程概念的用户。您可以在网络上找到许多 JavaScript 教程。
简介
AJAX 库 API 可使您的应用程序稳定、可靠、迅速地从全球任何位置访问所有最受欢迎的开源 JavaScript 库。您的应用程序可以使用我们非常灵活的载入程序 google.load()
,或直接根据路径访问脚本。
使用 google.load()
最有效的载入这些库的方法是使用 google.load()
指定库和您需要的版本。例如:
google.load("jquery", "1.3.1");
google.load("jqueryui", "1.5.3");
google.load("prototype", "1.6.0.3");
google.load("scriptaculous", "1.8.2");
google.load("mootools", "1.2.1");
google.load("dojo", "1.2.3");
google.load("swfobject", "2.1");
google.load("yui", "2.6.0");
您可以从上面的代码段中看到,google.load
的第一个参数是一个库的名称。第二个参数是版本规格。Ajax 库的完整列表是不断增长的最受欢迎的开源 JavaScript 库的集合。
用 google.load() 进行版本管理
版本管理系统允许您的应用程序根据需要的精度指定所需的版本。填好版本字段的值后,便结束了字段的通配处理。例如,假设有一组版本:
指定"1.8.2"
版后会选择确切的版本。这是因为使用了版本全称。指定 "1.8"
版则会选择 1.8.4
版,因为这是 1.8
批次中发布最高的版本。出于几乎相同的原因,请求"1"
的结果会是载入 1.9.1
版。请注意,使用 google.load
和使用直接脚本网址时,这些版本管理语义的作用方式相同。
Ajax 库
每个库都既可以通过 google.load()
访问,也可以直接通过 <script/>
标签访问。google.load()
方法提供了大部分功能和性能。在后面的小节中,我们记录了所有可使用的库。对于每个库,我们列出了它的名称(在 google.load()
中使用的名称)、该库现有的所有版本等。
-
jQuery
- 名称:jquery
- 版本:1.2.3、1.2.6、1.3.0、1.3.1
-
载入请求:
google.load("jquery", "1.3.1");
-
附加项:uncompressed:true,
例如
google.load("jquery", "1.3.1", {uncompressed:true});
- 路径:http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js
- 路径(u):http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js
- 网站: http://jquery.com/
- 注意:由于 1.2.5 和 1.2.4 在自然环境下的寿命短且不稳定,因此未进行托管。
-
jQuery UI
- 名称:jqueryui
- 版本:1.5.2、1.5.3
-
载入请求:
google.load("jqueryui", "1.5.3");
-
附加项:uncompressed:true,
例如
google.load("jqueryui", "1.5", {uncompressed:true});
- 路径:http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js
- 路径(u):http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.js
- 网站: http://ui.jquery.com/
-
注意:此库依赖于
jquery
。载入此模块前,您必须载入jquery
。例如:google.load("jquery", "1.3.1");
google.load("jqueryui", "1.5.3");
-
Prototype
- 名称:prototype
- 版本:1.6.0.2、1.6.0.3
-
载入请求:
google.load("prototype", "1.6.0.3");
- 路径:http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js
- 网站: http://www.prototypejs.org/
-
script.aculo.us
- 名称:scriptaculous
- 版本:1.8.1、1.8.2
-
载入请求:
google.load("scriptaculous", "1.8.2");
- 路径:http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js
- 网站: http://script.aculo.us/
-
注意:此库依赖于
Prototype
。载入此模块前,您必须载入Prototype
。 例如:google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.2");
-
MooTools
- 名称:mootools
- 版本:1.11、1.2.1
-
载入请求:
google.load("mootools", "1.2.1");
-
附加项:uncompressed:true,例如
google.load("mootools", "1.2.1", {uncompressed:true});
- 路径:http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js
- 路径(u):http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools.js
- 网站: http://mootools.net/
-
Dojo
- 名称:dojo
- 版本:1.1.1、1.2.0、1.2.3
-
载入请求:
google.load("dojo", "1.2.3");
-
附加项:uncompressed:true,例如
google.load("dojo", "1.2.3", {uncompressed:true});
- 路径:http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js
- 路径(u):http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js.uncompressed.js
- 网站: http://dojotoolkit.org/
-
SWFObject
新增!
- 名称:swfobject
- 版本:2.1
-
载入请求:
google.load("swfobject", "2.1");
-
附加项:uncompressed:true,例如
google.load("swfobject", "2.1", {uncompressed:true});
- 路径:http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js
- 路径(u):http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js
- 网站: http://code.google.com/p/swfobject/
-
Yahoo! 用户界面库 (YUI)
新增!
- 名称:yui
- 版本:2.6.0
-
载入请求:
load request: google.load("yui", "2.6.0");
- 附加项:uncompressed:true,例如 google. oad("yui", "2.6.0", {uncompressed:true});
- 路径:http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader-min.js
- 路径(u):http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader.js
- 网站: http://developer.yahoo.com/yui/