第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