什么是script.aculo.us？

script.aculo.us是在Prototype JavaScript Framework之上构建的JavaScript库，可增强GUI并为Web用户提供Web 2.0体验。

script.aculo.us由Thomas Fuchs开发，并于2005年6月首次发布。

script.aculo.us通过文档对象模型（DOM）提供动态视觉效果和用户界面元素。

原型JavaScript框架是由Sam Stephenson创建的JavaScript框架，提供了Ajax框架和其他实用程序。

如何安装script.aculo.us？

安装script.aculo.us库非常简单。可以通过三个简单的步骤进行设置-

• 转到下载页面，以方便的软件包下载最新版本。

• 解压缩下载的软件包，您将找到以下文件夹-

  • lib-包含prototype.js文件。

  • src-包含以下8个文件-

    • builder.js
    • controls.js
    • dragdrop.js
    • Effects.js
    • scriptaculous.js
    • slide.js
    • sound.js
    • unittest.js

  • 测试-包含用于测试目的的文件。

  • CHANGELOG-包含所有更改历史的文件。

  • MIT-LICENSE-描述许可条款的文件。

  • 自述文件-描述安装软件包的文件，包括安装说明。

• 现在，将以下文件放在您网站的目录中，例如/ javascript。

  • builder.js
  • controls.js
  • dragdrop.js
  • Effects.js
  • scriptaculous.js
  • slide.js
  • prototype.js

注– sound.js和unittest.js文件是可选的

如何使用script.aculo.us库？

现在，您可以按以下方式包含script.aculo.us脚本-

      
      
   
    
   
      ........
   

默认情况下，scriptaculous.js加载效果，拖放，滑块和所有其他script.aculo.us功能所需的所有其他JavaScript文件。

如果您不需要所有功能，则可以通过以逗号分隔的列表指定它们来限制要加载的其他脚本，例如-

      
      
   
    
   
      ........
   

可以指定的脚本是-

• 效果
• 拖放
• 建造者
• 控制项
• 滑杆

注-某些脚本的要求，别人才能正确地加载到的函数。

如何调用script.aculo.us库函数？

要调用script.aculo.us库函数，请使用HTML脚本标签，如下所示-

        
      
      

      
   
    
   
      

         Click on this and see how it change its color.
      
   

在这里，我们使用效果模块，并在元素上应用高光效果。

这将产生以下结果-

调用任何模块函数的另一种简便方法是在事件处理程序内部，如下所示：

      
      
   
    
   
      

         Click here if you want this to go slooooow.
      
   

这将产生以下结果-