jquery 第一章学习.doc

第一部分 JavaScript入门 第1章 编写第一个JavaScript程序 HTML自身并没有太多智能：它不能做数学运算，它不能判断某人是否正确地填写了一个表单，并且它不能根据Web访问者和它的交互来做出判断。基本上，HTML让人们阅读文本、观看图片，并且点击链接转向拥有更多文本和图片的下一个Web页面。要给Web页面添加智能，以便可以对站点的访问者做出响应，我们需要JavaScript。 JavaScript允许Web页面智能地反应。有了它，我们可以创建智能的Web表单，当访问者忘了包含必需的信息的时候，表单可以告知访问者；我们可以让元素显示、消失，或者在页面上来回移动（如图1-1所示）；我们甚至可以用从Web服务器获取的信息来更新Web页面的内容（而不必载入一个新的Web页面）。简而言之，JavaScript允许我们使得Web站点更加动人和高效。 图1-1 JavaScript允许Web页面对访问者做出响应：在A上，把鼠标放在Gifts and Wish Lists链接上，会打开一个标签页，它浮动在页面的其他元素之上并且提供额外的选项 1.1 编程简介 对于很多人来说，“计算机编程”使他们脑海里浮现出这样的情景：拥有超常智慧的家伙在键盘前弯腰而坐，连续数小时飞快地敲击着几乎难以理解的、含混不清的语言。确实，某些编程工作就是那样的。编程可能像是非凡之人所能的复杂魔术。虽然很多编程概念很难掌握， 但是，在编程语言中，JavaScript对于非程序员来说算是相对友好的。 然而，JavaScript比HTML或CSS都要复杂，并且，对于Web设计者来说，编程往往是一个陌生的世界；因此，本书的目标之一是帮助你像一个程序员一样思考。在整本书中，你将学习基本的编程概念，不管你是编写JavaScript、ActionScript或者甚至使用C++编写桌面程序，这些概念都适用。更重要的是，你将学习如何完成一个编程任务，从而在开始把JavaScript添加到Web页面之前，就确切地知道自己想要做什么。 很多Web设计师受到JavaScript中使用的奇怪符号和单词的影响望而却步。常见的JavaScript程序充满了符号（{ } [ ] ; , ( ) !=）和不熟悉的单词（var、null、else if）。这看上去就像是一门外语，并且很多时候，学习编程语言和学习其他语言很相似。你需要学习新单词、新标点，并且理解如何把它们组合起来以便成功地沟通。 快速熟悉 客户端vs服务器端 JavaScript是一种客户端语言，这意味着它在Web浏览器中工作。Web编程语言的另一种类型叫做服务器端语言，可以在用PHP、.NET、ASP、ColdFusion、Ruby on Rails以及其他Web服务器技术构建的页面中看到。正如其名字的含义，服务器端语言在Web服务器上运行。它们可以通过访问数据库、处理信用卡并在全球范围内发送E-mail而展示出很多的智能。服务器端语言的问题在于，它们需要Web浏览器向Web服务器发送请求，强迫访问者等待带有新信息的新页面的到来。 另一方面，客户端语言可以立即做出反应并且改变访问者在他的Web浏览器中所看到的内容，而不需要下载一个新的页面。根据访问者和页面如何交互，内容可以出现或消失，在屏幕上移动或者自动更新。这种响应性使得我们创建出的Web站点更像是桌面程序，而不是静态Web页面。我们也可以使用插件来为Web页面增加编程的智能。Java applet就是一个例子。这些使用Java编程语言编写的小程序在Web浏览器中运行。它们往往启动较慢并且因为造成浏览器崩溃而闻名。 Flash是另外一种插件，其技术基础是提供复杂的动画、视频、音频和很多交互性潜力。实际上，有时候很难分辨一个交互性的Web页面是使用JavaScript还是Flash。例如，Google Maps也可以用Flash来创建（实际上，Yahoo Maps曾经是Flash应用程序，直到Yahoo使用JavaScript重新开发）。区分二者的一种快速方法是：在页面上你认为可能是Flash的部分点击鼠标右键（在这个例子中，就是在地图本身上点击），如果是Flash，将会看到包含了About the Flash Player的一个弹出式菜单。 我们将在本书第三部分中学习的AJAX，把客户端和服务器端融合到了一起。AJAX是使用JavaScript和服务器交互的一种方法，它从服务器获取信息并更新Web页面，而不需要载入新的Web页面。Google Maps使用这种技术使得我们能够在地图上移动而不强迫我们载入一个新的Web页面。 实际上，每种编程语言都有它自己的一组关键词和字符，以及组合这些关键词和字符的一组规则，即语言的语法。学习JavaScript的语法就像学习其