《网页设计》课程教学资源（PPT课件讲稿）第六章 JavaScript语言概述

第六章 Javascript语 言概述

第六章 JavaScript语 言概述

61 Javascript语言概述 1、简单性 2、动态性 ■3、跨平台性 4、节省CG交互时间

6.1 JavaScript语言概述 ▪ 1、简单性 ▪ 2、动态性 ▪ 3、跨平台性 ▪ 4、节省CGI交互时间

611 Javascript的运行环境 Navigator20以上 E30以上

6.1.1 JavaScript的运行环境 ▪ Navigator2.0以上 ▪ IE3.0以上

612 Javascript程序的引入 常放在.标记之间 .间放入 JavaScript脚本 程序代码有大小写的区别 口演示 第一个 JavaScript脚本

6.1.2 JavaScript程序的引入 ▪ 常放在….标记之间 ▪ ….间放入 JavaScript脚本 ▪ 程序代码有大小写的区别 ▪ 演示－－－第一个JavaScript脚本

62基本数据结构 stng字符型 Number数值类型 Boolean布尔类型可以为true或 false Object ■NU|没有任何值什么也不表示 Underfined没有赋值前的一个值

6.2基本数据结构 ▪ String 字符型 ▪ Number数值类型 ▪ Boolean 布尔类型 可以为true 或false ▪ Object ▪ Null 没有任何值 什么也不表示 ▪ Underfined 没有赋值前的一个值

622常量 字符型:用“”或‘’括起来的一个或几 字符 数值类型:整型常量实型常量 布尔类型:可以为true或fase ■空值:Nu 特殊字符:一些控制字符如b跳格Ⅶn跳

6.2.2 常量 ▪ 字符型：用“”或‘’括起来的一个或几 个字符 ▪ 数值类型：整型常量 实型常量 ▪ 布尔类型： 可以为true 或false ▪ 空值：Null ▪ 特殊字符：一些控制字符如\b 跳格\n跳行

623变量 1变量的命名p101(1)(2)(3) 2变量的类型:使用前可以不声明 3变量的声明及其作用域 Var变量名称【=初始值】

6.2.3 变量 ▪ 1.变量的命名p101 （1）（2）（3） ▪ 2.变量的类型：使用前可以不声明 ▪ 3.变量的声明及其作用域 ▪ Var 变量名称 【＝初始值】

624表达式和运算符 1、算术运算符:++ ,/,%,+, 2、字符串运算符+ n3、位运算符:&, <>>>>> 4、比较运算符:.>==== 5、布尔运算符:! 8=&三|~=A?:‖=| 6、优先级:从1开始由高到低

6.2.4 表达式和运算符 ▪ 1、算术运算符：＋＋、－－，*,/,%,+,- ▪ 2、字符串运算符:+ ▪ 3、位运算符：&,|.^.-.~.>.>>> ▪ 4、比较运算符：.>=.==.!= ▪ 5、布尔运算符：！ &=.&.|=.|.^=.^.?:.||.==.|= ▪ 6、优先级:从1开始由高到低

演示:停留时间的计算 演示:显示时间及欢迎话语 演示:改变背景颜鱼 演示:加载卸载事件显示 ■演示:在状态栏显示文字 演示:打开与关闭窗口示例

▪ 演示：停留时间的计算 ▪ 演示：显示时间及欢迎话语 ▪ 演示：改变背景颜色 ▪ 演示：加载卸载事件显示 ▪ 演示：在状态栏显示文字 ▪ 演示：打开与关闭窗口示例

演示一导航列表示意 演示一纵向滚动文字示意 演示一动态时间显示 演示一动态标题栏显示 ■演示一状态栏显示 演示一鼠标跟随文字效果

▪ 演示－导航列表示意 ▪ 演示－纵向滚动文字示意 ▪ 演示－动态时间显示 ▪ 演示－动态标题栏显示 ▪ 演示－状态栏显示 ▪ 演示－鼠标跟随文字效果