网页制作脚本语言讲述.ppt

网页设计与制作教程 第1章 网页设计与制作基础 第10章 网页制作脚本语言 第*页 本章概述 本章的学习目标 主要内容 本章概述 在网页设计领域，特效发挥着非常重要的作用。使用网页特效，可以使网页具备更强的交互性、欣赏性，也可使网页更加智能化。在编写各种特效时，最流行的脚本语言就是JavaScript脚本语言。本章主要介绍JavaScript语言基础知识和在网页制作中的应用。 第*页 本章的学习目标 了解JavaScript的概念 掌握JavaScript的语法 了解JavaScript函数和事件 了解JavaScript对象的使用方法 第*页 主要内容 10.1　脚本语言概述 10.2　 JavaScript基础 10.3　函数和事件 10.4　对象 10.5　应用JavaScript 10.6　本章小结　 第*页 10.1 脚本语言概述 在互联网中，很多网站都是通过脚本语言编写行为，控制网页中的对象，实现动态的效果，这些动态效果可以使网页更加丰富多彩。在制作动态效果时，可使用两种语言：一种是JavaScript语言，另一种则是VBScript语言。在这两种脚本语言中，JavaScript语言使用最为广泛。 第*页 JavaScript语言 JavaScript的概念 JavaScript是一种面向网络应用的、面向对象编程的脚本语言，是互联网中最流行且应用最广泛的脚本语言。 JavaScript与Java的区别 Java语言是升阳计算机拥有版权的一种服务器端高级语言，而JavaScript最早由网景公司开发，并免费发布。JavaScript的语法和语义更接近于C语言。 JavaScript的应用 JavaScript是一种简单的面向对象脚本语言，其使用者无需了解太多的编程理论和编译方法，即可将代码嵌入到网页中。 第*页 主要内容 10.1　脚本语言概述 10.2　 JavaScript基础 10.3　函数和事件 10.4　对象 10.5　应用JavaScript 10.6　本章小结　 第*页 10.2 JavaScript基础 JavaScript是一种基于对象和事件驱动，并且具有较强安全性的脚本语言。它使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、可交互式的表达能力。 第*页 语法 JavaScript在网页中的用法 JavaScript脚本语言可以通过嵌入或导入的方法，实现在HTML语言中的功能。 嵌入式 导入式 JavaScript的变量 变量是程序中数据的临时存放场所。使用变量之前首先进行声明，在JavaScript脚本程序中使用var关键字来声明变量。 第*页 语法 JavaScript的数据类型 JavaScript有5种数据类型。 Number类型：也就是数值数据类型，包括整型和浮点型。 String类型也称为字符串型，它在JavaScript中有两种等价的表示方法。 Boolean类型也称为布尔型，它的数值只有两个值：真有true或1表示；假用false或0表示。 Undefined类型的值就是指在变量被创建后，但未给该变量赋值。 Null类型的值即为空值，也就是说该变量没有保存有效的数值、字符串、boolean等。 第*页 运算符 JavaScript具有全范围的运算符，包括算术运算符、逻辑运算符、位运算符、赋值运算符、比较运算符、字符串运算符和特殊运算符。 第*页 控制和循环语句 与多数高级编程语言类似，JavaScript也可以通过语句控制代码执行的流程。这样能使整个程序减少混乱，增加程序功能。 选择结构 选择结构通常用来指明程序代码的多个运行顺序或方向，并为这些顺序或方向创建一个交叉点。 单一选择结构 双路选择结构 内联三元运算符 多路选择结构 第*页 控制和循环语句 循环结构 在JavaScript中，还可以使用循环结构。循环结构的特点是根据一定的条件多次执行，直到满足一定的条件后停止。例如，打印输出九九乘法表的程序，就需要使用这种结构。 由计数器控制的循环 对对象的每个属性都进行操作 在循环开头测试表达式 在循环末尾测试表达式 第*页 主要内容 10.1　脚本语言概述 10.2　 JavaScript基础 10.3　函数和事件 10.4　对象 10.5　应用JavaScript 10.6　本章小结　 第*页 10.3 函数和事件 JavaScript函数 JavaScript事件 修改HTML和CSS 第*页 JavaScript函数 通常在进行一个复杂的程序设计时，总是将所要完成的复杂功能划分为一些相对独立的部分，每个部分编写一个函数，使它们充分独立、任务单一、程序清晰、易懂易读易维护。然后根据需要来组合这些函数完成最终的功能。