第20章 使用第三方框架程序库

JS从入门到精通第20章使用第三方框架（程序库）第20章使用第三方框架（程序库）

JavaScript技术和其他的技术一样，都在不停的发展着，通过结合JavaScript、CSS等技术，出现了一些新的技术，比如Ajax，严格来说Ajax不是一种新的技术，只是现有技术的综合运用。一些优秀的程序开发者或者开发团体，运用这些技术，创建了一些组件或者框架，或者一些通用的程序库。这些框架或者程序库的使用，能够让一些功能的实现，变得非常的简便，甚至还能使用一些特殊的效果。本章就介绍一些第三方的框架和程序库。20.1使用Ajax框架

Ajax是JavaScript的高级应用，是综合了JavaScript、XMLHttp、CSS、XHTML、XML等的一个综合应用，近年来，随着Web2.0的风靡，Ajax技术被广泛的运用，程序开发领域并不缺少佼佼者，很多具有一定能力的开发者编写了一些工具库，或者提供了一些方便的调用接口和方法。随着不断的完善，这些工具库变得规范和通用，功能也得到扩展，慢慢的，就形成了框架，本节主要对一些常用的框架进行介绍。读者可以有选择的使用，或者在网络上寻找更多的资源，甚至，有能力的读者完全可以尝试自己编写一个易用的框架。20.1.1使用一个微型的框架Sack严格的来说，Sack还不能被成为一个框架，因为实在太精简了，一个更合适的名称是Ajax代码包。虽然非常的小，但是使用却非常的容易。对于刚刚接触Ajax的开发人员应该是一个很好的选择。Sack是一个针对XMLHttpRequest的瘦包装器，调用者能指定回调函数或者回调DOM对象。借助于回调DOM，应答文本直接被推入到DOM中，简单的来说，就是能够通过回调函数来改变页面某个DOM的内容。20.1.2使用一个有用的表单验证框架checkForm

checkForm框架是用来实现客户端表单通用验证功能的一个实用JavaScript框架，不论是网页还是Web应用系统的开发，对于表单的验证是必不可少的，众多的表单验证规则，通常需要开发人员对验证的JavaScript脚本进行维护，而最终的验证代码都会显得重复，比如可能在多个表单里都需要验证是否允许输入非数字字符的判断，那就需要重复的在不同的地方编写同样类似的代码，重复的工作往往都不会让人感觉很好。checkForm很好的解决了这个问题，几乎所有的验证，都可以通过简单的标签配置即可实现。本小节，主要对这个JavaScript框架作简单介绍。

20.1.3相关资源本小节目的是对常见的Ajax框架进行汇总介绍，本小节的主要内容源于AJAXPatterns网站的一篇《AjaxFrameworks》的wiki文章，为了篇幅着想，本小节仅列出一个目录，具体请查看网上资源，链接地址为“http:///post/AJAX_Frameworks.asp”，更多的资源请查看资源“http:///wiki/index.php?title=AJAXFrameworks”。20.2使用jQuery框架

jQuery是JavaScript语言的一个新的框架，jQuery能快速、简洁的使用HTML，documents，handleevents，performanimations，并且可以把Ajax交互应用到网页中。jQuery能够改变书写JavaScript的方式，更值得一提的是，它是一个跨浏览器的框架，使用jQuery完全不用考虑浏览器的种类去编写针对多种浏览器的多余代码。JQuery的口号是——TheWriteLess,DoMore.20.2.1jQuery框架介绍

JQuery函数库是一个新兴的框架，很多的开发人员基于jQuery还编写了一系列插件，实现了很多非常好用的功能。jQuery能够实现的功能很多，在jQuery的文档内也说得比较明确，从官方网站也能下载到很多的例子，国内的开发者也建立了jQuery中文社区，也有很多热心的开发人员对英文文档进行了翻译工作。接下来在有关jQuery的小节里，不会大篇幅的摘录这些文档，主要从中摘录一些简明扼要的例子，体验一下使用jQuery进行JavaScript的书写方式。关于jQuery的文档及相关资源的网络地址，将会在后面章节中介绍。20.2.2jQuery框架示例本小节会列举应用jQuery框架制作的几个示例，部分例子从上摘录，为了配合讲解，做了一定的修改。（1）比window.onload更快一些的载入（2）简单的实现双色表格20.2.3jQuery的插件介绍——Thickbox

jQuery提供了丰富的程序库，很多的开发人员，基于jQuery框架，编写了一系列的插件，用来提升某一个方面的效果，本小节主要针对一个比较典型的网页对话窗体UI插件做一个介绍，它就是thickbox，它可以用来展示单一图片，若干图片，内嵌的内容，iframed的内容，或以AJAX的混合modal提供的内容。20.2.4相关资源

以上的各个小节讲解的示例里，在官方网站或者作者的主页上，都能够找到很多有用的资源，还能获取到最近更新的版本，下面做一个汇总。（1）jQuery相关资源。官方网站：http:///中文社区http:///（2）Thickbox资源。作者主页：http:///Thickbox目前最新版本Thickbox3.1：http:///demo/thickbox/Thickbox2.0中文翻译：/articleimg/2006/08/3912/thickbox.html20.3Prototype框架和其他更多的框架介绍

Prototype对JavaScript的内置对象（如String对象、Array对象等）进行了很多有用的扩展，同时它也新增了不少自定义的对象，包括对Ajax开发的支持等都是在自定义对象中实现的。对字符串进行各种处理。除了Prototype和jQuery框架外，还有更多同样优秀的框架，在未来，也一定会涌现更多别的优秀框架，在搜索引擎网站里搜索就会发现它们，更多的惊喜，留给读者去发现，说不定，在不久的将来，读者自己就能开发出一个优秀的框架。20.4小结本章主要介绍了JavaScript的第三方框架，主要以jQuery框架为代表，对一些典型的框架进行了介绍，也提供了网络上的一些资源，下面对本章做一个小结。所谓的JavaScript框架其实就是JavaScript的程序库，规范化、标准化、通用化后逐渐发展成为受开发人员青睐的框架。几个典型的框架是：微型的框架Sack；通用表单验证框架；跨浏览器的优秀框架jQuery和Prototype。基于jQuery的插件Thickbox是一个网页UI对话框组件，更多的资源可以在官网http://上获取。20.5常见面试题分析

20.5.1Ajax是什么？

Ajax即“AsynchronousJavaScriptandXML”（异步JavaScript和XML)，Ajax并非缩写词，而是由JesseJamesGaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。20.5.2描述jQuery的发展和优势

jQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多JavaScript高手加入其团队，包括来自德国的Jörn

Zaefferer，罗马尼亚的StefanPetre等等。jQuery是继Prototype之后又一个优秀的JavaScriptīpt框架。其宗旨是——WRITELESS，DOMORE。写更少的代码，做更多的事情。它是轻量级的JS库(压缩后只有21k)，这是其它的JS库所不及的，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+）。jQuery是一个快速的，简洁的JavaScript库