第20章 使用第三方框架(程的序库.ppt

第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框架进行汇总介绍，本小节的主要内容源于AJAX Patterns网站的一篇《Ajax Frameworks》的wiki文章，为了篇幅着想，本小节仅列出一个目录，具体请查看网上资源，链接地址为“/post/AJAX_Frameworks.asp”，更多的资源请查看资源“/wiki/index.php?title=AJAXFrameworks”。 20.2 使用jQuery框架 jQuery是JavaScript语言的一个新的框架，jQuery能快速、简洁的使用HTML，documents，handle events，perform animations，并且可以把Ajax交互应用到网页中。jQuery能够改变书写JavaScript的方式，更值得一提的是，它是一个跨浏览器的框架，使用jQuery完全不用考虑浏览器的种类去编写针对多种浏览器的多余代码。JQuery的口号是——The Write Less, Do More. 20.2.1 jQuery框架介绍 JQuery函数库是一个新兴的框架，很多的开发人员基于jQuery还编写了一系列插件，实现了很多非常好用的功能。jQuery能够实现的功能很多，在jQuery的文档内也说得比较明确，从官方网站也能下载到很多的例子，国内的开发者也建立了jQuery中文社区，也有很多热心的开发人员对英文文档进行了翻译工作。接下来在有关jQuery的小节里，不会大篇幅的摘录这些文档，主要从中摘录一些简明扼要的例子，体验一下使用jQuery进行JavaScript的书写方式。关于jQuery的文档及相关资源的网络地址，将会在后面章节中介绍。 20.2.2 jQuery框架示例 本小节会列举应用jQuery框架制作的几个示例，部分例子从上摘录，为了配合讲解，做了一定的修改。 （1）比window.onload更快一些的载入 （2）简单的实现双色表格 20.2.3 jQuery的插件介绍——Thickbox