第4章动态网页(免费阅读).pptVIP

第4章 客户端脚本与动态网页设计 学习目标与要求 4.1 动态网页概述 4.2 客户端脚本与JavaScript脚本语言 4.3利用JavaScript制作动态网页 4.4利用Applet实现动态网页 4.5 利用Dreamweaver制作动态网页 学习目标与要求 1.了解动态网页与静态网页的区别； 2. 掌握JavaScript脚本语言的语法规则 ； 3. 能用JavaScript编写简单的动态网页，并掌握一些基本的编程技巧 ； 4. 了解利用Java语言编写客户端动态网页的基本流程 ； 5. 能用Dreamweaver工具编写客户端动态网页，并掌握一些操作技巧 。 4.1 动态网页概述 动态网页与静态网页的特征比较 静态网页 内容固定不变，不随客户访问要求的改变而改变； 页面文件预先储存在Web服务器上； 通过超链接来访问其他的网页； 可含有动画的内容。 动态网页 内容随客户访问要求的改变而改变； 内容的生成可在客户端完成（通过客户端脚本、Applet插件、ActiveX控件），也可在服务器端完成（通过服务器端脚本，如JSP、ASP、PHP）; 能与用户进行交互，根据不同客户请求来生成不同的页面内容； 是连接商务表达层和商务逻辑层的桥梁； 也可含有动画的内容。 4.1 动态网页概述 一个用Javascript脚本实现的动态网页 4.2 客户端脚本与JavaScript脚本语言 4.2.1 客户端脚本 4.2.2 JavaScript脚本语言的特点 4.2.3 JavaScript中的数据类型与变量 4.2.4 JavaScript中的语句及语法 4.2.1 客户端脚本 客户端脚本产生的背景 客户端脚本技术特征 常见的客户端脚本 JavaScript、VBScript、JScript； 一个简单的JavaScript脚本 4.2.2 JavaScript脚本语言的特点 基于对象和事件驱动 具有安全性能 直接嵌入在HTML文件中 4.2.3 JavaScript脚本中的数据类型与变量 JavaScript脚本中的数据类型:数值、字符串、对象、布尔、空和未定。 字符串数据用单引号或双引号来说明的。如：“The cow jumped over the moon” 数值数据包括整数和浮点数。整数可以为正数、0 或者负数；浮点数可以包含小数点，也可用科学记数法来表示 布尔值为 true 和 false两种，这是两个特殊值 未定的数据类型是指：在一个变量被创建后，但未给该变量赋值以前该变量所具有的值 空数据类型为Null Object类型 4.2.3 JavaScript脚本中的数据类型与变量 JavaScript中变量命名规则 变量 用来存放JavaScript中的值 ，JavaScript对变量的数据类型要求不太严格（与Java、VB、C++等高级语言不同），在声明变量时，不需要指出变量的类型。 变量命名规则 JavaScript 是一种区分大小写的语言，因此将一个变量命名为 computer 和将其命名为 Computer是不一样的 变量名的第一个字符必须是一个字母（大小写均可）、或一个下划线(_)或一个美元符号($)，后续的字符可以是字母、数字、下划线或美元符号 变量名不能是保留字 变量名长度没有限制 4.2.4 JavaScript中的语句及语法 语句 变量声明语句：var x,y; 赋值语句：x=25.3; 函数定义语句 ： function 函数名称(函数所带的参数) 　　　　　　　 { 　　　　　　　　　 函数执行部分; 　　　　　　　　 return 表达式; 　　　　　　　 } 条件语句 （if…else），如 if (result == true) 　　　　　　　 { 　　　　　　　　　 response = 你答对了！ 　　　　　　　 }else{ 　　　　　　　　　 response = 你错了！ 　　　　　　　 } 4.2.4 JavaScript中的语句及语法 对象与事件 对象 由浏览器根据web页面的内容自动提供的对象 JavaScript的内置对象，如Date,Math、window、document等 服务器上的固有对象 用户自定义的对象 事件 引起页面之间跳转的事件，主要是超链接事件 浏览器自己引起的事件 表单内部同界面对象的交互事件 4.3利用JavaScript制作动态网页 4.3.1 简单动态网页的制作 4.3. 2复杂动态网页的制作 4.3.1 简单动态网页的制作 自动生成时间和日期的动态网页 4.3.1 简单动态网页的制作 自动打开Windows通知窗口的动态网页 主要语句： open(noti