网页制作脚本语言
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• JavaScript的应用
➢ JavaScript是一种简单的面向对象脚本语言，其使用者无 需了解太多的编程理论和编译方法，即可将代码嵌入到 网页中。
第6页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
➢ 多路选择结构
第12页
控制和循环语句
• 循环结构
➢ 在JavaScript中，还可以使用循环结构。循环结构的特点 是根据一定的条件多次执行，直到满足一定的条件后停 止。例如，打印输出九九乘法表的程序，就需要使用这 种结构。
➢ 由计数器控制的循环 ➢ 对对象的每个属性都进行操作 ➢ 在循环开头测试表达式 ➢ 在循环末尾测试表达式
第17页
修改HTML和CSS
• 例10-1 如图所示，单击文字click me，下面的 盒子宽度就会变大。该实例综合了函数、事件 、对CSS的修改，包括了现在实际网页中主流 效果所需要的技术要素。
第18页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
第5页
JavaScript语言
• JavaScript的概念
➢ JavaScript是一种面向网络应用的、面向对象编程的脚本 语言，是互联网中最流行且应用最广泛的脚本语言。
• JavaScript与Java的区别
➢ Java语言是升阳计算机拥有版权的一种服务器端高级语 言，而JavaScript最早由网景公司开发，并免费发布。 JavaScript的语法和语义更接近于C语言。
第11页
控制和循环语句
• 与多数高级编程语言类似，JavaScript也可以通 过语句控制代码执行的流程。这样能使整个程 序减少混乱，增加程序功能。
• 选择结构
➢ 选择结构通常用来指明程序代码的多个运行顺序或方向， 并为这些顺序或方向创建一个交叉点。
➢ 单一选择结构 ➢ 双路选择结构 ➢ 内联三元运算符
• 通常在进行一个复杂的程序设计时，总是将所 要完成的复杂功能划分为一些相对独立的部分 ，每个部分编写一个函数，使它们充分独立、 任务单一、程序清晰、易懂易读易维护。然后 根据需要来组合这些函数完成最终的功能。函 数的定义形式如下：
第16页
JavaScript事件
• 一个完整的事件过程包括事件源、监听以及对事件的 处理等3个部分。
价的表示方法。 ➢ Boolean类型也称为布尔型，它的数值只有两个值：真有
true或1表示；假用false或0表示。 ➢ Undefined类型的值就是指在变量被创建后，但未给该变
量赋值。 ➢ Null类型的值即为空值，也就是说该变量没有保存有效
的数值、字符串、boolean等。
第10页
运算符
• JavaScript具有全范围的运算符，包括算术运算 符、逻辑运算符、位运算符、赋值运算符、比 较运算符、字符串运算符和特殊运算符。
第7页
10.2 JavaScript基础
• JavaScript是一种基于对象和事件驱动，并且具 有较强安全性的脚本语言。它使得信息和用户 之间不仅只是一种显示和浏览的关系，而是实 现了一种实时的、可交互式的表达能力。
第8页
语法
• JavaScript在网页中的用法
➢ JavaScript脚本语言可以通过嵌入或导入的方法，实现在 HTML语言中的功能。
第4页
10.1 脚本语言概述
• 在互联网中，很多网站都是通过脚本语言编写 行为，控制网页中的对象，实现动态的效果， 这些动态效果可以使网页更加丰富多彩。在制 作动态效果时，可使用两种语言：一种是 JavaScript语言，另一种则是VBScript语言。在 这两种脚本语言中，JavaScript语言使用最为广 泛。
• 事件源和监听
➢ 在JavaScript中，事件源通常是指用户对网页文档进行的 各种操作。事件源的监听者通常就是指网页浏览器。
• 事件的处理
➢ 事件通常会与函数结合使用。通过事件的监听属性，可 以在事件发生执行指定的函数，实现对事件的处理。
消息框
➢ JavaScript可以在网页中弹出3种消息框，即警告框、确 认框和提示框。
第10章 网页制作脚本语言
本章概述 本章的学习目标 主要内容
第1页
本章概述
• 在网页设计领域，特效发挥着非常重要的作用 。使用网页特效，可以使网页具备更强的交互 性、欣赏性，也可使网页更加智能化。在编写 各种特效时，最流行的脚本语言就是JavaScript 脚本语言。本章主要介绍JavaScript语言基础知 识和在网页制作中的应用。
第2页
本章的学习目标
• 了解JavaScript的概念 • 掌握JavaScript的语法 • 了解JavaScript函数和事件 • 了解JavaScript对象的使用方法
第3页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
➢ 嵌入式 ➢ 导入式
• JavaScript的变量
➢ 变量是程序中数据的临时存放场所。使用变量之前首先 进行声明，在JavaScript脚本程序中使用var关键字来声明 变量。
第9页
语法
• JavaScript的数据类型
➢ JavaScript有5种数据类型。 ➢ Number类型：也就是数值数据类型，包括整型和浮点型。 ➢ String类型也称为字符串型，它在JavaScript中有两种等
第13页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
第14页
10.3 函数和事件
• JavaScript函数 • JavaScript事件 • 修改
第19页
10.4 对象
• JavaScript的一个重要功能就是基于对象功能。 通过基于对象的程序设计，可以用更直观、模 块化和可重复使用的方法进行程序开发。
➢ JavaScript是一种简单的面向对象脚本语言，其使用者无 需了解太多的编程理论和编译方法，即可将代码嵌入到 网页中。
第6页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
➢ 多路选择结构
第12页
控制和循环语句
• 循环结构
➢ 在JavaScript中，还可以使用循环结构。循环结构的特点 是根据一定的条件多次执行，直到满足一定的条件后停 止。例如，打印输出九九乘法表的程序，就需要使用这 种结构。
➢ 由计数器控制的循环 ➢ 对对象的每个属性都进行操作 ➢ 在循环开头测试表达式 ➢ 在循环末尾测试表达式
第17页
修改HTML和CSS
• 例10-1 如图所示，单击文字click me，下面的 盒子宽度就会变大。该实例综合了函数、事件 、对CSS的修改，包括了现在实际网页中主流 效果所需要的技术要素。
第18页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
第5页
JavaScript语言
• JavaScript的概念
➢ JavaScript是一种面向网络应用的、面向对象编程的脚本 语言，是互联网中最流行且应用最广泛的脚本语言。
• JavaScript与Java的区别
➢ Java语言是升阳计算机拥有版权的一种服务器端高级语 言，而JavaScript最早由网景公司开发，并免费发布。 JavaScript的语法和语义更接近于C语言。
第11页
控制和循环语句
• 与多数高级编程语言类似，JavaScript也可以通 过语句控制代码执行的流程。这样能使整个程 序减少混乱，增加程序功能。
• 选择结构
➢ 选择结构通常用来指明程序代码的多个运行顺序或方向， 并为这些顺序或方向创建一个交叉点。
➢ 单一选择结构 ➢ 双路选择结构 ➢ 内联三元运算符
• 通常在进行一个复杂的程序设计时，总是将所 要完成的复杂功能划分为一些相对独立的部分 ，每个部分编写一个函数，使它们充分独立、 任务单一、程序清晰、易懂易读易维护。然后 根据需要来组合这些函数完成最终的功能。函 数的定义形式如下：
第16页
JavaScript事件
• 一个完整的事件过程包括事件源、监听以及对事件的 处理等3个部分。
价的表示方法。 ➢ Boolean类型也称为布尔型，它的数值只有两个值：真有
true或1表示；假用false或0表示。 ➢ Undefined类型的值就是指在变量被创建后，但未给该变
量赋值。 ➢ Null类型的值即为空值，也就是说该变量没有保存有效
的数值、字符串、boolean等。
第10页
运算符
• JavaScript具有全范围的运算符，包括算术运算 符、逻辑运算符、位运算符、赋值运算符、比 较运算符、字符串运算符和特殊运算符。
第7页
10.2 JavaScript基础
• JavaScript是一种基于对象和事件驱动，并且具 有较强安全性的脚本语言。它使得信息和用户 之间不仅只是一种显示和浏览的关系，而是实 现了一种实时的、可交互式的表达能力。
第8页
语法
• JavaScript在网页中的用法
➢ JavaScript脚本语言可以通过嵌入或导入的方法，实现在 HTML语言中的功能。
第4页
10.1 脚本语言概述
• 在互联网中，很多网站都是通过脚本语言编写 行为，控制网页中的对象，实现动态的效果， 这些动态效果可以使网页更加丰富多彩。在制 作动态效果时，可使用两种语言：一种是 JavaScript语言，另一种则是VBScript语言。在 这两种脚本语言中，JavaScript语言使用最为广 泛。
• 事件源和监听
➢ 在JavaScript中，事件源通常是指用户对网页文档进行的 各种操作。事件源的监听者通常就是指网页浏览器。
• 事件的处理
➢ 事件通常会与函数结合使用。通过事件的监听属性，可 以在事件发生执行指定的函数，实现对事件的处理。
消息框
➢ JavaScript可以在网页中弹出3种消息框，即警告框、确 认框和提示框。
第10章 网页制作脚本语言
本章概述 本章的学习目标 主要内容
第1页
本章概述
• 在网页设计领域，特效发挥着非常重要的作用 。使用网页特效，可以使网页具备更强的交互 性、欣赏性，也可使网页更加智能化。在编写 各种特效时，最流行的脚本语言就是JavaScript 脚本语言。本章主要介绍JavaScript语言基础知 识和在网页制作中的应用。
第2页
本章的学习目标
• 了解JavaScript的概念 • 掌握JavaScript的语法 • 了解JavaScript函数和事件 • 了解JavaScript对象的使用方法
第3页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
➢ 嵌入式 ➢ 导入式
• JavaScript的变量
➢ 变量是程序中数据的临时存放场所。使用变量之前首先 进行声明，在JavaScript脚本程序中使用var关键字来声明 变量。
第9页
语法
• JavaScript的数据类型
➢ JavaScript有5种数据类型。 ➢ Number类型：也就是数值数据类型，包括整型和浮点型。 ➢ String类型也称为字符串型，它在JavaScript中有两种等
第13页
主要内容
10.1 脚本语言概述 10.2 JavaScript基础 10.3 函数和事件 10.4 对象 10.5 应用JavaScript 10.6 本章小结
第14页
10.3 函数和事件
• JavaScript函数 • JavaScript事件 • 修改
第19页
10.4 对象
• JavaScript的一个重要功能就是基于对象功能。 通过基于对象的程序设计，可以用更直观、模 块化和可重复使用的方法进行程序开发。