script.aculo.us

script.aculo.us

script.aculo.us库是建立在Prototype基础之上的，它通过更高级的特性在功能上进行了扩展，并且提供了一个框架建立更复杂的Ajax效果。它的名字和社会书签网站（social bookmarking site）del.icio.us域名类似，但是两者之间没有任何联系。你可以从http://script. aculo.us下载到它。本章示例中所使用的版本是1.7.0。

要使用script.aculo.us，需要同时包含Prototype和script.aculo.us的JavaScript文件（参见如下代码）。但也不必下载Prototype，因为它已经被绑定到script.aculo.us下载包中。

<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>

script.aculo.us库由各种各样的效果构成，每种效果都位于它们各自的独立文件中。如果你只使用某个script.aculo.us效果，可以在脚本的src属性中指定它，即作为脚本文件URL的一部分：

<script src="scriptaculous.js?load=effects" type="text/javascript></script>

这个脚本标签加载了主要的script.aculo.us.js库，它基本上是一个加载程序。标签中的URL触发这个加载器同时加载effects.js文件。具体过程是：加载器获得脚本的URL，将库（或者多个库）解析出来并加载它，然后调用函数使用document.writeln来“添加”这些库。如果没有指定库的名称，script.aculo.us加载器会添加所有库。

提示：使用document.write或者插入新脚本元素的DOM来添加JavaScript的方式被称为On-Demand JavaScript，它是由Michael Mahemoff在《Ajax Design Patterns》（由O’Reilly出版）（译注1）一书中定义的一个非常知名的Ajax模式。

在写本书的时候，它已经包含了如下各种库：

·builder

·effects

·dragdrop

·controls

·slider

在这些库之间存在着一些依赖关系，这已经在script.aculo.us的文档中进行了详细的说明。

警告：使用document.writeln或者document.write添加脚本标签来包含新的JavaScript库，是在需要时动态“加载”库的一种便捷方式。遗憾的是，如果你使用XHTML提供文档时，它不会正常工作，因此，不允许向格式严谨的XHTML文档中动态地添加普通标记。实际上script.aculo.us不能工作在格式严谨的XHTML文档中。