第07章JavaScript库.pptVIP

JavaScript语言与Ajax应用 * JavaScript语言与Ajax应用 * 7.1 JavaScript库简介 7.2 JavaScript库的选择 7.3 利用JavaScript库实现DOM操作 第7章 JavaScript库 * JavaScript语言与Ajax应用 * 7.1 JavaScript库简介 7.1.1 Dojo 7.1.2 Prototype 7.1.3 jQuery 7.1.4 Yahoo!UI Library（YUI） 7.1.5 Mootools 7.1.6 Script.aculo.us 7.1.7 ExtJS * JavaScript语言与Ajax应用 * 7.1.1 Dojo Dojo（/）是一个大型的JavaScript库，重点在于简化Web开发的过程并处理不同浏览器之间的差异问题，它提供的界面部件和其他界面元素可以简单的加入到任何项目之中。 Dojo库的目标是建立一个平台，让人们在上面构建类似于桌面程序的Web应用。如果只是在页面中添加一点动画效果，用Dojo就属于大材小用了。 * JavaScript语言与Ajax应用 * 7.1.1 Dojo JavaScript中的变量命名同其他语言非常相似，这里要注意以下几点： ①第一个字符必须是字母（大小写均可），下划线（_）或者美元符号（$）； ②后续的字符可以是字母、数字、下划线或者美元符号； ③变量名称不能是关键字或保留字； ④不允许出现中文变量名，且大小写敏感。 * JavaScript语言与Ajax应用 * 7.1.2 Prototype Prototype（）是最早被广泛应用的JavaScript库之一，并且现在项目开发中用到的许多JavaScript技术都是由它推广而来的。 Prototype库被广泛认同和使用的一个原因是它让许多事情都大大简化了，包括对常用的获取DOM对象的window.document.getElementById方法的简化处理。例如： //获取id为elementId的DOM元素 $(‘elementId’) * JavaScript语言与Ajax应用 * 7.1.2 Prototype 在Prototype库中$()函数不仅仅获取DOM元素，同时在返回的DOM元素上会被自动加上许多方法，因此对元素的操纵能力将大大增加。 Prototype库的特点在于，它非常关注两个关键方面：操作DOM和应用上的便利措施，包括许多字符串函数和一个定制的枚举对象，用于扩展一个定制的散列对象以及内建的Array对象。在Web应用项目的开发中，尤其是大量使用Ajax技术的Web应用，Prototype库都是一个可靠的选择。 * JavaScript语言与Ajax应用 * 7.1.3 jQuery jQuery（）是使用最灵活的JavaScript库，与其它库相比，jQuery在设计上大量使用了方法链。jQuery库封装得很好，它的jQuery命名空间使其与其他的库一起使用时不会产生冲突。它也提供了一个$()函数，该函数也提供了对DOM元素获取的封装。如果和Prototype库一起使用，可以在jQuery中关闭$()函数，以免产生冲突。 jQuery库是一个简练并且功能强大的JavaScript库。如果需要为Web应用项目添加一些交互性，JQuery是一个优秀的解决方案。 * JavaScript语言与Ajax应用 * 7.1.4 Yahoo!UI Library（YUI） YUI（/yui）是由Yahoo!的员工开发和支持的。Yahoo!的很多产品都使用了YUI库，因此他是设计完善并且极其健壮的。YUI库产用了传统的设计模式，每个方法都只是带有若干参数的函数调用。它不具备jQuery库的方法链特性，也没有像Prototype库中提供的很多方便函数。不过YUI库是一个成熟的工业产品，它具备超越本章所提到的许多库的成熟的内建功能。 YUI库中使用了大量的命名空间。最顶层是一个YAHOO对象，所有其它东西都是从这个对象延伸出来的。例如，如果需要通过id获得DOM元素对象，可以使用下面的语句： YAHOO.util.Dom.get(“elementID”); * JavaScript语言与Ajax应用 * 7.1.4 Yahoo!UI Library（YUI） YUI库主要专注于DOM工具，其dom命名空间和Anim命名空间就提供了DOM元素对象的获取与创建动画效果的方法。除此之外，YUI库还提供了很多界面部件，界面部件能帮助我们快速的在应用程序中添加复杂功能。 YUI库主要专注于DOM工具，其dom命名空间和Anim命名空间就提供了DOM元素