正版 JavaScript动态网站开发(全案例微课版) 编者:裴雨龙|责编:

第1章 初识JavaScript 001
1.1 JavaScript概述 002
1.1.1 JavaScript的起源 002
1.1.2 JavaScript能做什么 002
1.1.3 JavaScript的基本特点 004
1.2 网页开发利器——WebStorm 的下载与安装 005
1.2.1 下载WebStorm 2019 005
1.2.2 安装WebStorm 2019 005
1.3 JavaScript在HTML中的使用 007
1.3.1 嵌入JavaScript代码 007
1.3.2 调用外部JavaScript文件 011
1.3.3 作为标签的属性值 013
1.4 JavaScript的语法 015
1.4.1 代码执行顺序 015
1.4.2 区分大小写 015
1.4.3 分号与空格 015
1.4.4 代码折行标准 015
1.4.5 注释语句 016
1.5 新手常见疑难问题 016
1.6 实战技能训练营 016
第2章 JavaScript语言基础 018
2.1 数据类型 019
2.1.1 数值型 019
2.1.2 字符串型 022
2.1.3 布尔型 024
2.1.4 未定义类型 025
2.1.5 空类型 025
2.2 JavaScript的常量 026
2.3 JavaScript的变量 026
2.3.1 变量的命名 026
2.3.2 变量的声明 027
2.3.3 变量的赋值 027
2.3.4 变量的类型 028
2.3.5 变量的作用域 029
2.4 新手常见疑难问题 029
2.5 实战技能训练营 030
第3章 运算符与表达式 031
3.1 运算符 032
3.1.1 算术运算符 032
3.1.2 赋值运算符 033
3.1.3 字符串运算符 034
3.1.4 比较运算符 035
3.1.5 逻辑运算符 036
3.1.6 条件运算符 037
3.1.7 位运算符 037
3.1.8 移位运算符 038
3.1.9 其他运算符 039
3.2 运算符优先级 041
3.3 表达式 042
3.3.1 赋值表达式 042
3.3.2 算术表达式 042
3.3.3 字符串表达式 043
3.3.4 逻辑表达式 044
3.4 数据类型的转换规则 045
3.5 新手常见疑难问题 046
3.6 实战技能训练营 046
第4 章 程序控制语句 047
4.1 条件判断语句 048
4.1.1 简单if 语句 048
4.1.2 if…else 语句 050
4.1.3 if…else if 语句 051
4.1.4 if 语句的嵌套 053
4.1.5 switch 语句 054
4.2 循环语句 056
4.2.1 while 语句 056
4.2.2 do…while 语句 059
4.2.3 for 语句 060
4.2.4 循环语句的嵌套 061
4.3 跳转语句 064
4.3.1 break 语句 064
4.3.2 continue 语句 065
4.4 新手常见疑难问题 067
4.5 实战技能训练营 067
第5 章 函数的应用 069
5.1 函数的定义 070
5.1.1 声明式函数定义 070
5.1.2 函数表达式定义 071
5.1.3 函数构造器定义 071
5.2 函数的调用 072
5.2.1 函数的简单调用 072
5.2.2 通过链接调用函数 073
5.2.3 在事件响应中调用函数 074
5.3 函数的参数与返回值 074
5.3.1 函数的参数 074
5.3.2 函数的返回值 075
5.4 内置常规函数 076
5.4.1 eval() 函数 076
5.4.2 isFinite() 函数 077
5.4.3 isNaN() 函数 078
5.4.4 parseInt() 函数 078
5.4.5 parseFloat() 函数 079
5.4.6 escape() 函数 080
5.4.7 unescape() 函数 080
5.5 JavaScript 特殊函数 081
5.5.1 嵌套函数 081
5.5.2 递归函数 082
5.5.3 内嵌函数 083
5.6 新手常见疑难问题 084
5.7 实战技能训练营 084
第6 章 对象的应用 085
6.1 了解对象 086
6.1.1 什么是对象 086
6.1.2 对象的属性和方法 086
6.1.3 JavaScript 对象的分类 087
6.2 创建自定义对象的方法 088
6.2.1 直接定义并创建自定义对象 088
6.2.2 使用Object 对象创建自定义对象 089
6.2.3 使用自定义构造函数创建对象 091
6.3 对象访问语句 096
6.3.1 for…in 循环语句 096
6.3.2 with 语句 097
6.4 常用内置对象 098
6.4.1 Math（算术）对象 098
6.4.2 Date（日期）对象 101
6.4.3 Boolean（逻辑）对象 106
6.4.4 Number（数值）对象 107
6.5 新手常见疑难问题 109
6.6 实战技能训练营 109
第7 章 数组对象的应用 111
7.1 数组介绍 112
7.2 定义数组 112
7.2.1 定义空数组 112
7.2.2 指定数组元素的个数 113
7.2.3 指定数组元素值 114
7.2.4 直接定义数组 115
7.3 数组属性 115
7.3.1 prototype 属性 116
7.3.2 length 属性 116
7.4 数组元素的操作 117
7.4.1 数组元素的输入 117
7.4.2 数组元素的输出 118
7.4.3 数组元素的添加 120
7.4.4 数组元素的删除 120
7.5 数组方法 120
7.5.1 连接两个或更多的数组 121
7.5.2 将指定的数值添加到数组中 122
7.5.3 在数组开头添加数组元素 123
7.5.4 移除数组中的最后一个元素 124
7.5.5 删除数组中的第一个元素 125
7.5.6 删除数组中的指定元素 125
7.5.7 反序排列数组中的元素 126
7.5.8 对数组中的元素进行排序 127
7.5.9 获取数组中的部分数据 128
7.5.10 将数组元素连接为字符串 128
7.5.11 将数组转换成字符串 129
7.6 新手常见疑难问题 130
7.7 实战技能训练营 130
第8 章 String 对象的应用 131
8.1 创建String 对象 132
8.2 String 对象的属性 133
8.2.1 length 属性 133
8.2.2 constructor 属性 134
8.2.3 prototype 属性 135
8.3 String 对象的方法 135
8.3.1 连接与拆分字符串 136
8.3.2 转换字符串的大小写 138
8.3.3 从字符串中截取字符串 138
8.3.4 从字符串中查找字符串 140
8.3.5 设置字符串字体属性 143
8.4 新手常见疑难问题 144
8.5 实战技能训练营 144
第9 章 JavaScript 的事件处理 146
9.1 认识事件与事件处理 147
9.1.1 什么是事件 147
9.1.2 JavaScript 的常用事件 147
9.2 事件的调用方式 149
9.2.1 在JavaScript 中调用 149
9.2.2 在HTML 元素中调用 149
9.3 鼠标相关事件 150
9.3.1 鼠标单击事件 150
9.3.2 鼠标按下与松开事件 151
9.3.3 鼠标移入与移出事件 152
9.3.4 鼠标移动事件 153
9.4 键盘相关事件 154
9.4.1 onkeydown 事件 154
9.4.2 onkeypress 事件 154
9.4.3 onkeyup 事件 155
9.5 表单相关事件 156
9.5.1 获得焦点与失去焦点事件 156
9.5.2 失去焦点修改事件 157
9.5.3 表单提交与重置事件 158
9.6 文本编辑事件 159
9.6.1 复制事件 159
9.6.2 剪切事件 160
9.6.3 粘贴事件 160
9.6.4 选择事件 161
9.7 页面相关事件 162
9.7.1 页面加载事件 162
9.7.2 页面大小事件 162
9.7.3 页面关闭事件 163
9.8 拖动相关事件 164
9.8.1 拖放对象事件 164
9.8.2 放置目标事件 164
9.9 新手常见疑难问题 165
9.10 实战技能训练营 166
第10 章 JavaScript 的表单对象 167
10.1 表单标签与表单元素 168
10.2 认识表单对象 169
10.2.1 表单对象的属性 169
10.2.2 表单对象的方法 170
10.2.3 表单对象的事件 170
10.2.4 访问表单的方式 170
10.2.5 访问表单元素 171
10.3 表单元素的应用 171
10.3.1 设置文本框 171
10.3.2 设置按钮 175
10.3.3 设置单选按钮 177
10.3.4 设置复选框 179
10.3.5 设置下拉菜单 181
10.4 新手常见疑难问题 187
10.5 实战技能训练营 187
第11 章 JavaScript 的窗口对象 189
11.1 Window 对象 190
11.1.1 Window 对象的属性 190
11.1.2 Window 对象的方法 194
11.2 打开与关闭窗口 194
11.2.1 打开窗口 195
11.2.2 关闭窗口 197
11.3 控制窗口 198
11.3.1 移动窗口 198
11.3.2 改变窗口大小 198
11.3.3 获取窗口历史记录 199
11.3.4 窗口定时器 200
11.4 对话框 202
11.4.1 警告对话框 202
11.4.2 确认对话框 203
11.4.3 提示对话框 204
11.5 认识其他对象 206
11.5.1 Location 对象 206
11.5.2 Navigator 对象 207
11.5.3 Screen 对象 208
11.5.4 Cookie 对象 209
11.6 新手常见疑难问题 212
11.7 实战技能训练营 212
第12 章 JavaScript 中的文档对象 214
12.1 熟悉文档对象 215
12.1.1 文档对象的属性 215
12.1.2 文档对象的方法 216
12.2 文档对象属性的应用 217
12.2.1 获取网页超级链接数 217
12.2.2 文档最后修改的日期和时间 218
12.2.3 获取文档所有表单的数量 218
12.2.4 设置文档标题内容 219
12.2.5 获取并设置文档URL 地址 220
12.2.6 链接文字颜色设置 220
12.2.7 文档背景色与前景色设置 222
12.3 文档对象方法的应用 224
12.3.1 动态添加HTML 标签 224
12.3.2 获取文本框并修改其内容 225
12.3.3 向文档添加事件句柄 226
12.3.4 在文档中输出数据 226
12.4 新手常见疑难问题 228
12.5 实战技能训练营 229
第13 章 文档对象模型（DOM） 230
13.1 DOM 及DOM 技术简介 231
13.1.1 DOM 简介 231
13.1.2 基本的DOM 方法 231
13.1.3 网页中的DOM 模型框架 233
13.2 DOM 模型中的节点 234
13.2.1 元素节点 235
13.2.2 文本节点 235
13.2.3 属性节点 236
13.3 操作DOM 中的节点 237
13.3.1 访问节点 237
13.3.2 创建节点 238
13.3.3 插入节点 239
13.3.4 删除节点 240
13.3.5 复制节点 240
13.3.6 替换节点 241
13.4 innerHTML 属性 242
13.5 DOM 与CSS 243
13.5.1 改变CSS 样式 243
13.5.2 使用className 属性 243
13.6 新手常见疑难问题 244
13.7 实战技能训练营 245
第14 章 Ajax 技术的应用 246
14.1 Ajax 概述 247
14.1.1 什么是Ajax 247
14.1.2 Ajax 的工作原理 248
14.1.3 Ajax 的优缺点 248
14.2 Ajax 技术的组成 249
14.2.1 XMLHttpRequest 对象 249
14.2.2 XML 语言 249
14.2.3 JavaScript 语言 250
14.2.4 CSS 技术 250
14.2.5 DOM 技术 250
14.3 XMLHttpRequest 对象的使用 251
14.3.1 初始化XMLHttpRequest 对象 251
14.3.2 XMLHttpRequest 对象的属性 251
14.3.3 XMLHttpRequest 对象的方法 253
14.4 Ajax 异步交互的应用 255
14.4.1 什么是异步交互 255
14.4.2 异步对象连接服务器 255
14.4.3 GET 和POST 模式 257
14.4.4 服务器返回XML 258
14.4.5 处理多个异步请求 260
14.5 新手常见疑难问题 261
14.6 实战技能训练营 262
第15 章 jQuery 框架快速入门 264
15.1 认识jQuery 265
15.1.1 jQuery 能做什么 265
15.1.2 jQuery 的特点 265
15.2 下载并安装jQuery 266
15.2.1 下载jQuery 266
15.2.2 安装jQuery 267
15.3 jQuery 选择器 267
15.3.1 jQuery 的工厂函数 267
15.3.2 常见选择器 268
15.4 新手常见疑难问题 269
15.5 实战技能训练营 270
第16 章 jQuery 控制页面和事件处理 271
16.1 对页面的内容进行操作 272
16.1.1 对文本内容进行操作 272
16.1.2 对HTML 内容进行操作 273
16.2 对标签的属性进行操作 274
16.2.1 获取属性的值 274
16.2.2 设置属性的值 275
16.2.3 删除属性的值 276
16.3 对表单元素进行操作 276
16.3.1 获取表单元素的值 276
16.3.2 设置表单元素的值 277
16.4 jQuery 的事件机制 277
16.4.1 什么是jQuery 的事件机制 278
16.4.2 切换事件 278
16.4.3 事件冒泡 279
16.5 页面加载响应事件 279
16.6 新手常见疑难问题 280
16.7 实战技能训练营 281
第17 章 jQuery 动画特效 283
17.1 jQuery 的基本动画效果 284
17.1.1 隐藏元素 284
17.1.2 显示元素 285
17.1.3 状态切换 286
17.2 淡入淡出的动画效果 287
17.2.1 淡入隐藏元素 287
17.2.2 淡出可见元素 288
17.2.3 切换淡入淡出元素 289
17.2.4 淡入淡出元素至指定数值 290
17.3 滑动效果 291
17.3.1 滑动显示匹配的元素 291
17.3.2 滑动隐藏匹配的元素 292
17.3.3 通过高度的变化动态切换元素的可见性 293
17.4 自定义的动画效果 294
17.4.1 创建自定义动画 294
17.4.2 停止动画 295
17.5 新手常见疑难问题 296
17.6 实战技能训练营 296
第18 章 项目实训1—开发企业门户网站 298
18.1 系统分析 299
18.2 系统设计 299
18.2.1 系统目标 299
18.2.2 系统功能结构 299
18.2.3 开发环境介绍 299
18.2.4 文件夹组织结构 300
18.3 网页预览 300
18.3.1 网站首页效果 300
18.3.2 产品分类效果 300
18.3.3 产品介绍效果 302
18.3.4 新闻中心效果 302
18.3.5 详细新闻页面 303
18.4 项目代码实现 303
18.4.1 网站首页页面代码 303
18.4.2 图片动态效果代码 308
18.4.3 公司简介页面代码 310
18.4.4 产品介绍页面代码 311
18.4.5 新闻中心页面代码 315
18.4.6 联系我们页面代码 317
18.5 项目总结 318
第19 章 项目实训2—开发房地产宣传网站 319
19.1 系统分析 320
19.2 系统设计 320
19.2.1 系统目标 320
19.2.2 系统功能结构 320
19.2.3 开发环境介绍 320
19.2.4 文件夹组织结构 321
19.3 网页预览 321
19.3.1 网站首页效果 321
19.3.2 楼盘解说效果 322
19.3.3 楼盘户型效果 322
19.3.4 楼盘相册效果 323
19.3.5 楼盘动态页面 323
19.4 项目代码实现 324
19.4.1 网站首页页面代码 324
19.4.2 图片动态效果代码 330
19.4.3 楼盘解说页面代码 330
19.4.4 楼盘户型页面代码 332
19.4.5 楼盘相册页面代码 332
19.4.6 联系我们页面代码 335
19.5 项目总结 336

裴雨龙，现在荷兰埃因霍温理工大学博士，主要研究方向为社交网络分析，数据挖掘以及自然语言处理。分别在美国卡内基梅隆大学和北京大学获得语言技术以及计算机系统结构硕士学位。

《JavaScript 动态网站开发(全案例微课版)》的特色如下：零基础、入门级的讲解无论您是否从事计算机相关行业，也无论您是否接触过移动开发，都能从本书中找到适合的起点。
实用、专业的范例和项目本书在编排上紧密结合深入学习JavaScript动态网页设计的过程，从JavaScript的基本概念开始，逐步带领读者学习动态网站开发的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简单轻松，操作起来有章可循。
随时随地学习本书提供了微课视频，读者通过手机扫码即可观看，随时随地解决学习中的困惑。
全程同步教学录像内容涵盖本书所有知识点，详细讲解每个实例与项目的设计过程与技术关键点。比看书能更轻松地掌握书中所有的动态网站开发知识，而且扩展的讲解部分可以使您得到比书中更多的收获。
超多容量优质资源赠送大量优质资源，包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用类网页模板、12 部网页开发必备参考手册、jQuery 事件参考手册、HTML5 标签速查手册、精选的JavaScript 实例、CSS3 属性速查表、JavaScript 函数速查手册、CSS+DIV 布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见面试题等。读者可以扫码获取赠送资源。
精选热点案例和流行技术，案例易学，有趣，容易快速入门。支持扫码看视频，提供流行项目开发的全程操作，读者可以快速积累行业经验

《JavaScript 动态网站开发(全案例微课版)》是针对零基础读者编写的动态网站开发入门教材，内容侧重案例实训，并提供扫码微课来讲解当前热点案例。 《JavaScript 动态网站开发(全案例微课版)》分为19章，包括初识JavaScript、JavaScript语言基础、运算符与表达式、程序控制语句、函数的应用、对象的应用、数组对象的应用、String对象的应用、JavaScript的事件处理、JavaScript的表单对象、JavaScript的窗口对象、JavaScript中的文档对象、文档对象模型(DOM)、Ajax技术的应用、jQuery框架快速入门、jQuery控制页面和事件处理、jQuery动画特效。本书最后通过两个热点综合项目，进一步巩固读者的项目开发经验。 《JavaScript 动态网站开发(全案例微课版)》通过精选热点案例，让初学者快速掌握动态网站开发技术。读者通过微信扫码看视频，可以随时在移动端学习技能对应的操作。通过实战技能训练营，可以检验读者的学习情况，并提供了扫码看答案。

"《JavaScript 动态网站开发（全案例微课版）》的特色如下： 零基础、入门级的讲解 无论您是否从事计算机相关行业，也无论您是否接触过移动开发，都能从本书中找到适合的起点。 实用、专业的范例和项目 本书在编排上紧密结合深入学习JavaScript动态网页设计的过程，从JavaScript的基本概念开始，逐步带领读者学习动态网站开发的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简单轻松，操作起来有章可循。 随时随地学习 本书提供了微课视频，读者通过手机扫码即可观看，随时随地解决学习中的困惑。 全程同步教学录像 内容涵盖本书所有知识点，详细讲解每个实例与项目的设计过程与技术关键点。比看书能更轻松地掌握书中所有的动态网站开发知识，而且扩展的讲解部分可以使您得到比书中更多的收获。 超多容量优质资源 赠送大量优质资源，包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用类网页模板、12 部网页开发推荐参考手册、jQuery 事件参考手册、HTML5 标签速查手册、精选的JavaScript 实例、CSS3 属性速查表、JavaScript 函数速查手册、CSS+DIV 布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见面试题等。读者可以扫码获取赠送资源。 "