利用免费javascript框架构建强大web接口界面

现今，随着web应用方面提供了日益丰富的免费工具、代码等，构建web应用已经变得越来越流行。一些资源已经被开发出来，并经过测试，所以你可以用来快速地增加应用特性。一个典型的例子是script.aculo.us(或者scriptaculous)网站，该网站提供了用于构建强大web应用的javascript库，重要的是这些资源都是免费的。本周，我们将带你对该网站和它提供的资源进行亲密接触。

它是什么？

Scriptaculous是一种用于构建动态web 2.0接口的框架。它使用了另外一个称为prototype的免费框架。Scriptaculous简化了输入和输出以实现基于AJAX的web接口，允许你轻松地添加新的或传统的数据控件和工具用来和DOM及javaScript一起工作。

为什么使用它？

AJAX是一个重要的技术，但是构建基于AJAX的应用是件令人迷惑和费时的事情。Scriptsculous框架使得在应用中添加基于AJAX的特性更加容易可行，因为所有的开发和测试都已经完成，你可以将时间投入到更重要的任务中去。

开始使用

使用scriptaculous框架的第一步是下载和安装。下载的是一个压缩文件，该文件包含用于测试和演示的javascript文件和各种各样的HTML文件。Javascript源文件是最重要的，下面是各种源文件列表：

lib\prototype.js：用于原型javascript框架的源代码。

scr\bulder.js：允许你轻松创建动态DOM对象。

src\controls.js：包含和传统数据控件一起工作的核心组件。

src\dragdrop.js：提供使用传统数据控件实现拖放相关功能的代码。

src\effects.js：可视化效果库包含所有你需要添加到web应用的高价javascript新控件。 src\scriptaculous.js：实现sciptaculous框架的基代码库。

src\slider.js：提供实现滑动数据控件的代码。

前面的列表包含每个文件安装时的默认目录。你可以将这些javascript文件放到web服务器的任何位置，但是使用默认目录将会使得和示例一起工作更简单些。

你可能不理解为什么在一个web页头部包含这些文件。因为，全部库文件（列表中的所有文件）占用大约150KB空间，两个核心文件Prototype.js和scriptaculous.js总计达50KB，所有其它组合将会在50KB到150KB之间，这取决于你要使用的文件。

默认情况下，scriptaculous.js加载其它用于效果、拖放、滑动和所有其它scriptaculous特性的javascript文件。在加载scriptaculous 脚本文件时，你可以限制通过把脚本加入到逗号隔开的列表加载的其它脚本。