2.1JavaScript 语言基础（课件）-《网页制作高级特效》同步教学（劳动版）

模块二　JavaScript 高级特效 3 1 课题 １ JavaScript 语言基础 2 课题 ２ JavaScript 对象化编程 课题 ３　制作表单验证类特效 目录 4 5 6 7 8 课题 ４　制作层切换和层提示特效 课题 ５　制作菜单类特效 课题 ６　制作广告类特效 课题 ７　制作滚动类和日期类特效 课题 ８　制作网页辅助类特效 课题 １　JavaScript 语言基础 学习目标 １. 了解 JavaScript 的概念，能编写简单的 JavaScript 程序。 ２. 了解常量、变量、函数、运算符和优先级等概念，能正确运用常量、变量、函数和运算符，能按照优先级正确书写表达式。 ３. 了解常用内部函数的用法，能根据需要自定义函数。 ４. 了解数组的概念，能正确定义和引用数组。 ５. 掌握分支语句和循环语句的使用方法，能进行顺序结构、分支结构和循环结构程序的设计。 一、JavaScript 简介 JavaScript 是一种基于对象和事件驱动的客户端脚本语言，是目前 Web 应用程序开发者使用最为广泛的客户端脚本编程语言。 JavaScript 能通过 DOM ( Document Object Model，文档结构模型) 及自身提供的对象、操作方法实现所需的功能。 JavaScript 采用事件驱动方式，能响应键盘事件、鼠标事件及浏览器窗口事件等，并执行指定的操作。 课题 １　JavaScript 语言基础 二、第一个 JavaScript 程序 计算机程序是指一组指示计算机执行动作或做出判断的指令，通常用某种程序设计语言编写。一般情况下，计算机程序要编译成机器语言程序后再运行。还有一种未经编译就可运行的程序，通常称为 “ 脚本程序”。JavaScript 属于客户端脚本语言，VBScript ( 主要用于ASP) 属于服务器端脚本语言。 课题 １　JavaScript 语言基础 客户端脚本和服务器端脚本比较 编写 JavaScript 程序可选择普通的文本编辑器或集成开发环境。Dreamweaver 集成了JavaScript 开发环境，提供了强大的 JavaScript 支持。 JavaScript 需要嵌入 HTML 中，即 JavaScript 的存在依赖于 HTML 文档。 在 HTML 中，使用 < script > 标记引入 JavaScript ，使用 < / script > 结束 JavaScript ，< script >和 < / script > 之间是 JavaScript 脚本。 < script > < / script > 可以放在 <head > 和 < / head > 之间，也可以放在 <body > 和 < / body> 之间。二者的区别是: １) head 部分的脚本: 需调用才执行的脚本或事件触发执行的脚本放在 HTML 的 head部分。当把脚本放在 head 部分时，可以保证脚本在任何调用之前被加载。 课题 １　JavaScript 语言基础 ２) body 部分的脚本: 当页面被加载时立即执行的脚本放在 HTML 的 body 部分。放在 body 部分的脚本通常用来生成页面的内容。 <script > 标记有一个 language 属性，用于指明使用的语言，其值可以为 “JavaScript”“VBScript” 或者 “JScript”。 < script > 标记还有一个 type 属性，用于指明文本类型，其值为 “text / javascript”。 课题 １　JavaScript 语言基础 和 VBScript 不区分大小写不同，JavaScript 严格区分大小写。 在编写 JavaScript 脚本语句时，用 “；” 作为当前语句的结束符。语句分行后，作为语句结束符的 “；” 可省略。也可将多个语句写在同一行中，若将多个语句写在同一行中，则语句之间的 “；” 不能省略。 JavaScript 中的注释采用和 Java 中类似的方式，单行注释前加 “ / / ”，多行注释放在 “ / ∗” 和 “∗ / ” 之间。 课题 １　JavaScript 语言基础 三、常量和变量 １. 常量 常量是程序执行过程中其值保持不变的量，有数值常量和字符串常量两种。在 VBScript中，字符串常量只能使用双引号作为定界符。与 VBScript 不同，在 JavaScript 中不仅允许使用双引号和单引号作为定界符，而且允许双引号和单引号相互嵌套。 课题 １　JavaScript 语言基础 ２. 变量 变量是程序执行过程中可能发生变化的量。使用 var 关键字对变量进行显式声明，不能使用 Var 和 VAR，JavaScript 对关键字的大小写敏感 (