web程序设计第4版.pptxVIP

目 录第 1 章 Web编程基础知识 第 2 章 Web应用程序开发与运行环境 第 3 章 HTML与XML 第 4 章 层叠样式表CSS 第 5 章 Web客户端程序设计第 6 章 Web服务器端程序设计 第 7 章 Web数据库程序设计 第 8 章 ASP.NET综合应用实例 第 5 章 Web客户端程序设计 5.1 脚本语言JavaScript 5.2 浏览器对象模型及应用 5.3 HTML DOM Web客户端程序设计概述 网页设计要使用多种技术，包括HTML语言、脚本程序设计、CSS样式表以及美工技术等。 动态网页，指的是按照访问者的需要，对访问者输入的信息作出不同的响应，提供响应信息。更进一步，动态网页设计技术又可分为客户端和服务器端，客户端动态网页设计技术主要使用层叠样式表（CSS）和在浏览器中执行的脚本程序，而服务器端动态网页设计技术主要使用ASP.NET、JSP、PHP等。 Web客户端程序设计概述 随着Web页面的内容和表现手法越来越丰富，将其结构、表现和行为分离成为趋势。 构建精良的Web页面一般有三个层次，分别是： 结构（Structure）层 表现（Presentation）层 行为（Behavior）层 对应的标准也分三方面：结构化标准语言（主要包括(X)HTML和XML）、表现标准语言（主要指CSS）和行为标准（主要包括对象模型和脚本语言）。 Web客户端程序设计的主要内容是脚本语言和浏览器对象模型。5.1 脚本语言JavaScript 5.1.1 什么是脚本语言 脚本（Script）语言的概念源于UNIX操作系统，在UNIX操作系统中，将主要以行命令组成的命令集称为Shell脚本程序。Shell脚本程序具有一定的控制结构，可以带参数，由系统解释执行。除了UNIX Shell Script外，在UNIX环境下，具有强大的字符串处理能力的Perl语言也是脚本语言的典型代表。 传统脚本语言常用来编写执行一次性任务，通常以文本(如ASCII)保存，只在被调用时进行解释或编译。 而现在脚本和传统编程语言之间的界限越来越模糊。在一些脚本语言中，有经验的程序员可以进行大量优化工作。 本章所讨论的脚本语言是指用于Web页面及程序设计的脚本语言，它们通常是嵌入式（嵌入到HTML文件中）的、具有解释执行的特征。 5.1 脚本语言JavaScript 5.1.2 JavaScript语言概述 JavaScript是一种嵌入在HTML文件中的脚本语言，它是基于对象和事件驱动的，能对诸如鼠标单击、表单输入、页面浏览等用户事件做出反应并进行处理。 JavaScript特点： （1）简单性 （2）基于对象 （3）可移植性 （4）动态性5.1 脚本语言JavaScript 5.1.3 JavaScript编程基础 1．JavaScript程序的编辑和调试 可以用任何文本编辑器来编辑JavaScript程序 例如：NotePad。 需要将JavaScript程序嵌入HTML文件。 程序的调试在浏览器中进行。5.1 脚本语言JavaScript 5.1.3 JavaScript编程基础 1．JavaScript程序的编辑和调试 将JavaScript程序嵌入HTML文件的方法有两种：① 在HTML文件中使用script、/script标识加入JavaScript语句，这样HTML语句和JavaScript语句位于同一个文件中。其格式为：script language=JavaScript其中，language属性指明脚本语言的类型。通常有两种脚本语言：JavaScript和VBScript，language的默认值为JavaScript。script标记可插入在HTML文件的任何位置。② 将JavaScript程序以扩展名“.js”单独存放，再利用以下格式的script标记嵌入HTML文件：script src=JavaScript文件名方法②将HTML代码和JavaScript代码分别存放，有利于程序的共享，即多个HTML文件可以共用相同的JavaScript程序。script标记通常加在HTML文件的头部。 5.1 脚本语言JavaScript 5.1.3 JavaScript编程基础 1．JavaScript程序的编辑和调试一个简例：html head titleJavaScript简例/title /head body script language=JavaScript alert( 世界，你好! );/script /body/html5.1 脚本语言JavaScript 5.1.3 JavaScript编程基础 1．JavaScript程序的编辑和调试 编写JavaScrip