动态网页的技术应用.pptVIP

第3章 动态网页技术 §3.1 动态网页的含义 动态网页与静态网页的特征比较 静态网页 内容固定不变，不随客户访问要求的改变而改变； 页面文件预先储存在Web服务器上； 通过超链接来访问其它的网页； 可含有动画的内容 动态网页 内容随客户访问要求的改变而改变； 内容的生成可在客户端完成（通过客户端脚本、Applet插件、ActiveX控件），也可在服务器端完成（通过服务器端脚本，如JSP、ASP、PHP）; 能与用户进行交互，根据不同客户请求来生成不同的页面内容； 是连接商务表达层和商务逻辑层的桥梁； 也可含有动画的内容 §3.2 客户端脚本 3.2.1 JavaScript脚本与实例 静态网页的客户端实现技术 客户端脚本：JavaScript、VBScript、JScript； Applet插件； ActiveX控件 JavaScript脚本技术 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言 一个实例 说明 JavaScript脚本以script language=“JavaScript” /script作为标记； !-- --为说明语句，这样不支持JavaScript的浏览器就会忽略掉当中的脚本语句； JavaScript脚本可放在HTML文件中的任意位置，在浏览器读到后就会解释执行。 JavaScript中区分大小写 §3.2 客户端脚本 3.2.1 JavaScript脚本与实例 JavaScript脚本中的数据类型 JavaScript中可使用六种类型的数据，分别是:字符串、数值数据、对象、布尔值（true、false）、空( null) 和 未定的数据类型。 字符串数据用单引号或双引号来说明的。如：“The cow jumped over the moon” 数值数据包括整数和浮点数。整数可以为正数、0 或者负数；浮点数可以包含小数点、也可用科学记数法来表示 布尔值为 true 和 false两种，这是两个特殊值 未定的数据类型是指：在一个变量被创建后，但未给该变量赋值以前该变量所具有的值 空数据类型为null object类型 §3.2 客户端脚本 3.2.1 JavaScript脚本与实例 JavaScript脚本中的变量及命名规则 JavaScript中的变量用来存放JavaScript中的值 ，JavaScript对变量的数据类型要求不太严格（与Java、VB、C++等高级语言不同），所以在声明变量时，不需要指出变量的类型。变量声明格式如：var men = true; 变量命名规则 JavaScript 是一种区分大小写的语言，因此将一个变量命名为 computer 和将其命名为 Computer是不一样的 变量名的第一个字符必须是一个字母（大小写均可）、或一个下划线(_)或一个美元符 ($)，后续的字符可以是字母、数字、下划线或美元符 变量名不能是保留字 变量名长度没有限制 §3.2 客户端脚本 3.2.1 JavaScript脚本与实例 JavaScript脚本中的主要语句 变量声明语句：var x,y; 赋值语句：x=25.3; 函数定义语句 ： function 函数名称(函数所带的参数) 　　　　　　　 { 　　　　　　　　　 函数执行部分; 　　　　　　　　 return 表达式; 　　　　　　　 } 条件语句 （if…else），如 if (result == true) 　　　　　　　 { 　　　　　　　　　 response = 你答对了！ 　　　　　　　 }else{ 　　　　　　　　　 response = 你错了！ 　　　　　　　 } §3.2 客户端脚本 3.2.1 JavaScript脚本与实例 JavaScript脚本中的主要语句 分支语句 （switch），如 switch(expression) 　　　　　　　 { 　　　　　　　　 case label1: 语句串1； 　　　　　　　 　case label2: 语句串2； 　　　　　　　　 case label3: 语句串3； 　　　　　　　　　　　 ... 　　　　　　　　 default: 语句串3； 　　　　　　　 } 循环语句：for， for...in，while,break,continue 对象操作语句：with，this，new 注释语句：//，/*...*/ 数组定义 §3.2 客户端脚本 3.2.1 JavaScript脚本与实例 JavaScript脚本中的对象与事件 对象 由浏览器根据web页面的内容自动提供的对象 JavaScript的内置对象，如Date,Math、window、doc