本书系统介绍了Web程序设计的基本思想、原理、技术和开发实践,反映了Web开发技术的*新进展,涵盖了Web程序设计的基本理论、基本知识、基本技术和技术内核,体现了理论和实践相统一的理念。内核分析及技术介绍深入浅出,易于理解和掌握,与实战相结合,具有很强的实用性。
本书共分10章,第1章介绍Web开发技术基础,第2章介绍网站设计与开发,第3章介绍客户端设计与开发,第4章介绍HTML5技术,第5章介绍CSS技术,第6章介绍服务器端设计与开发,第7章介绍Servlet技术,第8章介绍JavaBean技术,第9章介绍JDBC技术,第10章是案例分析。
本书可作为高等院校计算机及信息类相关专业本科生、研究生教材及参考用书,也可作为高校教师、科研单位研究人员的参考书。
本书可满足现阶段和今后一段时间内在校本科生、研究生及Web技术开发爱好者的需求。本书针对性强,内容广泛。技术及内核介绍深入浅出,易于理解和掌握,并且与实战相结合,具有很强的实用性。
第3章客户端设计与开发
本章主要介绍客户端技术开发的相关知识。本章分11节,3.1节和3.2节是DHTML和JavaScript的概述; 3.3节介绍JavaScript的基本语法; 3.4节介绍JavaScript的事件驱动机制; 3.5节~3.7节介绍JavaScript的内部对象、浏览器对象和文档对象模型; 3.8节和3.9节介绍JavaScript的客户端验证和开发实例; 3.10节介绍jQuery框架; 3.11节介绍AJAX技术。
3.1DHTML简介
单纯地用XHTML和CSS技术设计的静态页面缺少动态的效果。当Microsoft和Netscape发布其各自浏览器的第4版时,Web开发人员有了一个新的选择——动态HTML(Dynamic HTML,DHTML)。
DHTML不是一个W3C标准,而更像是一种营销手段。DHTML结合了(X)HTML、CSS、JavaScript和DOM,使开发人员可以动态地修改Web页面的内容和结构。
实现DHTML,就是以(X)HTML为基础,运用DOM将页面元素对象化,利用JavaScript控制这些对象的CSS属性以达到网页的动态视觉效果。
下面通过访问微软中国体验DHTML带来的神奇效果。
如图31所示,当用户将鼠标指针移动到页面导航条上时会动态地弹出一个菜单。在该菜单中移动鼠标,所指向的菜单项的颜色改变; 如果将鼠标指针移出菜单所在的范围,则菜单自动隐藏; 如果将鼠标指针移动到导航条上的另外一个区域,则会弹出另外一个菜单。
图31DHTML示例
这种特性类似于Windows应用程序的特性,即通过图形化的界面为用户提供尽可能多的功能。实际上,采用这种方式可以使同一个页面上包含更多的信息,对于微软中国这样庞大的站点来说十分有用。
3.2JavaScript简介
页面动态效果分为以下两种。
(1) 客户端的动态效果: 称为DHTML网页,Web页面可以处理各种事件,例如鼠标移动时图片会有翻转效果等。
(2) 客户端与服务器端交互产生的动态效果: 称为动态网页,指根据访问者的请求由服务器端脚本程序动态生成的Web页。
客户端脚本语言是实现DHTML网页的合适工具,主要的客户端脚本语言有JavaScript、JScript和VBScript。JavaScript是最早的客户端脚本语言,也是浏览器默认的客户端脚本语言。JavaScript的出现使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交换式的表达能力。
JavaScript常见的应用有客户端验证、动画效果、文字特效、动态窗口等。
3.2.1JavaScript的发展历史
JavaScript语言早期是Netscape的开发者们称之为“Mocha”的语言,开始在网上进行β测试(由软件的多个用户在其实际使用环境下进行的测试叫β测试)时,将名字改为“LiveScript”。
Sun公司推出Java之后Netscape引入了Sun的概念,在其发行Netscape 2.0β测试版时才称“JavaScript”。它不仅支持Applet小程序,同时向Web页的制作者提供一种嵌入HTML文档进行编程的、基于对象的Script(脚本)程序语言,采用的许多结构与Java相似。
随后JavaScript语言规范不断发展,从1.1、1.2、1.3版本发展到现在的1.5版本,不断完善JavaScript数据表现和控制的能力。最初创建JavaScript是为了帮助开发人员动态地修改页面上的标记,以便为客户提供更丰富的体验。后来人们认识到页面也可以当作对象,随即文档对象模型(Document Object Model,DOM)就应运而生了。DOM刚刚诞生,JavaScript就和DOM紧密地交织在一起,但不久它们就“分道扬镳”,并各自发展。