第1章 JavaScript概述 1
任务1.1 认识JavaScript 1
1.1.1 JavaScript的起源 1
1.1.2 JavaScript的作用 2
1.1.3 JavaScript的基本特点 4
1.1.4 JavaScript的组成 5
任务1.2 在页面显示个人信息 5
1.2.1 选择JavaScript脚本编辑器 6
1.2.2 脚本的基本结构 6
1.2.3 在网页中引用JavaScript的方式 7
1.2.4 常用的输入／输出语句 8
1.2.5 任务实现 11
任务1.3 测试综合案例在主流浏览器上的兼容性 11
1.3.1 浏览器之间的冲突 12
1.3.2 标准的制定 12
1.3.3 任务实现 12
小结 13
实训 13
课后练习 16
第2章 JavaScript基础 19
任务2.1 显示变量数据类型 19
2.1.1 变量 19
2.1.2 数据类型 20
2.1.3 运算符号 23
2.1.4 任务实现 25
任务2.2 根据成绩给出学生考评 26
2.2.1 if语句 26
2.2.2 switch语句 27
2.2.3 任务实现 28
任务2.3 实现猜数游戏 29
2.3.1 for循环 30
2.3.2 while循环 31
2.3.3 do...while循环 31
2.3.4 for...in循环 31
2.3.5 中断循环语句 31
2.3.6 任务实现 32
任务2.4 制作简易计算器 32
2.4.1 数值判断函数 33
2.4.2 自定义函数 33
2.4.3 任务实现 36
小结 37
实训 37
课后练习 40
第3章 JavaScript对象编程 43
任务3.1 在页面动态显示系统时间 43
3.1.1 Date对象的创建 43
3.1.2 Date对象的常用方法 44
3.1.3 定时器函数 46
3.1.4 任务实现 46
任务3.2 制作随机选号页面 47
3.2.1 Math对象的常用属性 48
3.2.2 Math对象的常用方法 49
3.2.3 任务实现 49
任务3.3 制作简单的焦点图效果 50
3.3.1 数组的创建 51
3.3.2 数组的访问 52
3.3.3 数组的常用属性和方法 52
3.3.4 任务实现 54
任务3.4 验证注册页面信息 57
3.4.1 String对象的创建 58
3.4.2 String对象的常用属性和方法 58
3.4.3 任务实现 60
任务3.5 使用正则表达式验证注册页面信息 65
3.5.1 定义正则表达式 66
3.5.2 正则表达式的操作方法 67
3.5.3 正则表达式的模式 69
3.5.4 任务实现 70
小结 73
实训 73
课后练习 79
第4章 BOM编程 82
任务4.1 制作弹出窗口特效 82
4.1.1 顶级对象模型参考 83
4.1.2 window的常用属性 83
4.1.3 window的常用方法 84
4.1.4 window的常用事件 86
4.1.5 任务实现 86
任务4.2 制作网页标题交替显示效果 88
4.2.1 document对象的常用属性 88
4.2.2 任务实现 89
任务4.3 制作复选框全选效果 90
4.3.1 document对象的常用方法 91
4.4.2 任务实现 93
小结 94
实训 94
课后练习 99
第5章 DOM编程 101
任务5.1 画出页面的文档节点结构图 101
5.1.1 什么是DOM 102
5.1.2 DOM的组成 102
5.1.3 DOM模型中的节点 102
5.1.4 任务实现 102
任务5.2 使用Core DOM方式动态添加表格 103
5.2.1 节点的常用属性和方法 104
5.2.2 查看节点 104
5.2.3 创建和增加节点 108
5.2.4 删除和替换节点 110
5.2.5 任务实现 112
任务5.3 使用HTML DOM方式动态添加表格 113
5.3.1 HTML DOM对象 114
5.3.2 访问HTML DOM对象的属性 115
5.3.3 表格对象 115
5.3.4 任务实现 117
任务5.4 拓展 118
5.4.1 用DOM的文档碎片提高页面的执行效率 118
5.4.2 在特定节点后插入节点 120
小结 121
实训 121
课后练习 125
第6章 JavaScript与CSS交互 129
任务6.1 使用JavaScript动态改变导航菜单样式 129
6.1.1 style属性 130
6.1.2 className属性 133
6.1.3 任务实现 134
任务6.2 制作图片轮显效果 136
6.2.1 visibility属性 137
6.2.2 display属性 137
6.2.3 任务实现 139
任务6.3 制作随光标滚动的广告图片 141
6.3.1 获取样式属性值 142
6.3.2 页面事件 144
6.3.3 任务实现 144
任务6.4 拓展 146
6.4.1 制作Tab切换效果 146
6.4.2 制作光标移到某图片上显示该图片对应大图 147
小结 148
实训 149
课后练习 152
第7章 jQuery基础 157
任务7.1 使用jQuery在警告框中显示“Hello World！” 157
7.1.1 jQuery的优势 158
7.1.2 配置jQuery环境 158
7.1.3 jQuery开发工具和插件 159
7.1.4 任务实现 160
任务7.2 网站品牌列表的显示与收起 161
7.2.1 基本选择器 162
7.2.2 层次选择器 166
7.2.3 过滤选择器 167
7.2.4 任务实现 179
任务7.3 拓展 181
7.3.1 jQuery对象与DOM对象 181
7.3.2 表单选择器 183
小结 185
实训 185
课后练习 188
第8章 jQuery中的DOM操作 191
任务8.1 制作图片展示效果 191
8.1.1 获取和设置属性 192
8.1.2 删除属性 192
8.1.3 任务实现 192
任务8.2 制作留言板前端局部更新效果 194
8.2.1 查找节点 194
8.2.2 创建节点 195
8.2.3 插入节点 196
8.2.4 任务实现 197
任务8.3 制作电子邮件删除效果 199
8.3.1 删除节点 200
8.3.2 复制节点 202
8.3.3 替换节点 202
8.3.4 遍历节点 202
8.3.5 任务实现 203
任务8.4 表格隔行变色和当前行变色 204
8.4.1 获取和设置style对象的属性 205
8.4.2 获取和设置class样式 206
8.4.3 追加和移除样式 206
8.4.4 判断是否含有某个样式 207
8.4.5 任务实现 208
任务8.5 拓展 209
8.5.1 制作导航栏菜单效果 209
8.5.2 制作层叠图片横向平滑移动轮播切换效果 210
小结 214
实训 214
课后练习 218
第9章 jQuery中的事件 221
任务9.1 微博字数统计 221
9.1.1 加载DOM 222
9.1.2 事件绑定 224
9.1.3 事件移除 225
9.1.4 简写事件 225
9.1.5 任务实现 227
任务9.2 制作图片提示效果 228
9.2.1 事件对象 229
9.2.2 事件冒泡 229
9.2.3 任务实现 231
任务9.3 改变图片透明度 232
9.3.1 合成事件hover 233
9.3.2 特殊事件one 233
9.3.3 任务实现 234
任务9.4 拓展 234
9.4.1 模拟操作trigger（）方法 234
9.4.2 事件命名空间 235
小结 236
实训 236
课后练习 240
第10章 jQuery制作动画 242
任务10.1 FAQ答案的显示和隐藏 242
10.1.1 show（）和hide（）方法 243
10.1.2 fadeIn（）和fadeOut（）方法 244
10.1.3 slideUp（）和slideDown（）方法 245
10.1.4 任务实现 245
任务10.2 图片横向移动效果 247
10.2.1 自定义动画方法animate（） 248
10.2.2 动画回调函数 251
10.2.3 停止动画和判断是否处于动画状态 252
10.2.4 任务实现 256
任务10.3 拓展 261
10.3.1 焦点幻灯片效果 261
10.3.2 背景动画全屏焦点图效果 263
小结 266
实训 266
课后练习 270
第11章 jQuery插件应用 273
任务11.1 使用jqZoom插件实现图片放大镜效果 273
11.1.1 jqZoom插件简介 274
11.1.2 jqZoom插件参数 274
11.1.3 任务实现 275
任务11.2 使用Fancybox插件实现图片播放效果 276
11.2.1 Fancybox插件简介 277
11.2.2 Fancybox插件参数 277
11.2.3 任务实现 278
任务11.3 编写表格隔行变色插件 280
11.3.1 插件的种类 280
11.3.2 插件的注意事项 281
11.3.3 jQuery插件的机制 281
11.3.4 命名空间 282
11.3.5 编写jQuery插件 282
11.3.6 任务实现 285
小结 286
实训 286
课后练习 288
第12章 项目案例：化妆品网站 289
任务12.1 案例分析 289
12.1.1 需求概述 289
12.1.2 开发环境 292
12.1.3 案例覆盖的技能点 292
12.1.4 开发技巧 293
任务12.2 页面交互效果实现 294
12.2.1 首页交互效果 294
12.2.2 产品列表页面交互效果 308
12.2.3 订购页面交互效果 320
12.2.4 用户注册交互效果 325
小结 331
参考文献 332