JavaScript程序设计案例教程PDF电子书下载

学习情境1 制作一个典型的网站框架 1

1.1 任务描述 1

1.2 任务实施 3

1.2.1 制作模板并应用到其他页面 3

1.2.2 制作样式表文件并应用到其他页面 7

1.2.3 测试并发布网站 11

1.3 常见问题及小结 14

1.4 课后练习 15

学习情境2 制作购物计算器 17

2.1 任务描述 17

2.2 任务实施 18

2.2.1 什么是JavaScript 18

2.2.2 JavaScript的基本语法 22

2.2.3 JavaScript中函数的定义和应用 30

2.2.4 简单购物计算器设计及实现 33

2.3 常见问题及小结 35

2.4 课后练习 35

学习情境3 制作时钟显示特效 38

3.1 任务描述 38

3.2 任务实施 39

3.2.1 DOM介绍 39

3.2.2 window对象常用的属性、方法和事件 40

3.2.3 使用Date对象做动态时钟显示效果 45

3.2.4 地址栏location对象的用法 47

3.3 常见问题及小结 48

3.4 课后练习 48

学习情境4 制作浮动的广告图片特效 51

4.1 任务描述 51

4.2 任务实施 52

4.2.1 document对象常用的属性和方法介绍 52

4.2.2 浮动广告图片的制作 54

4.2.3 带“关闭”按钮的浮动窗口 57

4.2.4 带“关闭”按钮随滚动条同步滚动的浮动广告窗口 59

4.3 常见错误分析及小结 61

4.4 课后练习 61

学习情境5 快捷方式全选/全不选功能的实现 63

5.1 任务描述 63

5.2 任务实施 63

5.2.1 document对象的方法getElementsByNarne（）介绍 63

5.2.2 数组的基础知识 64

5.2.3 复选框全选/全不选特效 66

5.3 常见错误分析及小结 69

5.4 课后练习 70

学习情境6 制作多样化的CSS样式特效 72

6.1 任务描述 72

6.2 任务实施 72

6.2.1 常用的CSS样式 72

6.2.2 制作改变字体大小的样式特效 77

6.2.3 制作改变细边框的样式特效 80

6.2.4 制作改变按钮背景图片的特效 81

6.3 常见问题及小结 84

6.4 课后练习 84

学习情境7 制作“点卡”图片切换的特效 87

7.1 任务描述 87

7.2 任务实施 87

7.2.1 知识回顾 87

7.2.2 制作“点卡”图片切换的特效 88

7.2.3 制作贷款系统计算器 91

7.3 常见问题及小结 95

7.4 课后练习 95

学习情境8 制作具有验证功能的登录页面 98

8.1 任务描述 98

8.2 任务实施 98

8.2.1 为什么要进行表单验证 98

8.2.2 表单验证的主要内容 99

8.2.3 表单验证思路 100

8.2.4 电子邮件格式验证的优化 107

8.3 常见错误及小结 110

8.4 课后练习 110

学习情境9 制作即时提示错误的特效 112

9.1 任务描述 112

9.2 任务实施 112

9.2.1 实现图片代替按钮实现提交功能 112

9.2.2 制作回车切换输入的效果 114

9.2.3 制作即时错误信息提示效果 117

9.3 常见错误及小结 122

9.4 课后练习 123

学习情境10 制作通用的级联效果 124

10.1 任务描述 124

10.2 任务实施 124

10.2.1 下拉列表框对象 125

10.2.2 数组 126

10.2.3 制作简单的级联菜单效果 128

10.2.4 使用数组优化级联菜单 128

10.2.5 制作级联菜单效果过程 129

10.3 常见错误分析及小结 130

10.4 课后练习 130