全书共分为2大部分，第1部分是JavaScript基础知识，主要学习JavaScript基础概念如变量、运算符、表达式等。第二部分是JavaScript进阶知识，主要学习DOM、事件操作以及各种开发技术。除了知识讲解，教程还融入了大量的开发技巧，并且更加注重编程思维的培养，使得学习者能有顺畅的学习思路，这一点是极其重要的。

含金量高 前端精品内容荟萃，强化基础提升实战技能。 通俗易懂 语言风格轻松幽默，形象生动讲解枯燥知识。 系统学习 掌握前端高级技巧，清晰流畅学习进阶内容。 贴近读者 结合自身学习经历，文字极具温度不失严谨。 直击痛点 规避开发思维误区，精炼浓缩直指技术本质。

2011~2015就读于暨南大学信科院计算机科学与技术专业，从事前后端开发一年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具，业余时间阅读大量国内外技术书籍。 现为绿叶学习网（http://www.lvyestudy.com）的站长，该网站用于分享自己在前后端开发中的一些经验，并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注，极大受到网友推崇。本人编写过大量原创在线教程，每一个教程广受网友称赞与推崇。

第一部分　基本语法

第01章　JavaScript简介

1.1　JavaScript是什么2

1.1.1　JavaScript简介2

1.1.2　教程介绍3

1.2　JavaScript开发工具5

1.3　JavaScript引入方式6

1.3.1　外部JavaScript7

1.3.2　内部JavaScript8

1.3.3　元素属性JavaScript9

1.4　训练题：一个简单的JavaScript

程序10

第02章　语法基础

2.1　语法简介12

2.2　变量与常量13

2.2.1　变量14

2.2.2　常量18

2.3　数据类型18

2.3.1　数字19

2.3.2　字符串20

2.3.3　布尔值22

2.3.4　未定义值23

2.3.5　空值24

2.4　运算符24

2.4.1　算术运算符25

2.4.2　赋值运算符29

2.4.3　比较运算符30

2.4.4　逻辑运算符31

2.4.5　条件运算符34

2.5　表达式与语句35

2.6　类型转换36

2.6.1　字符串转换为数字36

2.6.2　数字转换为

字符串40

2.7　转义字符41

2.8　注释43

2.8.1　单行注释44

2.8.2　多行注释45

第03章　流程控制

3.1　流程控制简介46

3.1.1　顺序结构46

3.1.2　选择结构47

3.1.3　循环结构48

3.2　选择结构：if48

3.2.1　单向选择：if…48

3.2.2　双向选择：if…else…50

3.2.3　多向选择：if…else if…else…51

3.2.4　if语句的嵌套52

3.3　选择结构：switch56

3.4　循环结构：while59

3.5　循环结构：do…while62

3.6　循环结构：for63

3.7　训练题：判断一个数是整数，

还是小数？66

3.8　训练题：找出水仙花数67

第04章　初识函数

4.1　函数是什么？68

4.2　函数的定义70

4.2.1　没有返回值的函数71

4.2.2　有返回值的函数73

4.2.3　全局变量与局部变量74

4.3　函数的调用77

4.3.1　直接调用77

4.3.2　在表达式中调用78

4.3.3　在超链接中调用79

4.3.4　在事件中调用80

4.4　嵌套函数81

4.5　内置函数82

4.6　训练题：判断某一年是否为闰年83

4.7　训练题：求出任意五个数最大值84

第05章　字符串对象

5.1　内置对象简介86

5.2　获取字符串长度87

5.3　大小写转换88

5.4　获取某一个字符89

5.5　截取字符串91

5.6　替换字符串93

5.7　分割字符串95

5.8　检索字符串的位置99

5.9　训练题：删除字符串中的某一个字符100

5.10　训练题：找出字符串中的某一个

字符串101

5.11　训练题：统计字符串中数字的个数102

第06章　数组对象

6.1　数组是什么？104

6.2　数组的创建105

6.3　数组的获取105

6.4　数组的赋值106

6.5　获取数组长度108

6.6　截取数组某部分111

6.7　为数组添加元素112

6.7.1　在数组开头添加元素：

unshift()112

6.7.2　在数组结尾添加元素：push()114

6.8　删除数组元素116

6.8.1　删除数组中第一个元素：shift()116

6.8.2　删除数组最后一个元素：pop()117

6.9　数组大小比较119

6.10　数组颠倒顺序120

6.11　将数组元素连接成字符串121

6.12　训练题：数组与字符串的转换操作123

6.13　训练题：将字符串所有字符颠倒

顺序124

6.14　题目：计算面积与体积，返回一个

数组125

第07章　时间对象

7.1　日期对象简介127

7.2　操作年、月、日129

7.2.1　获取年、月、日129

7.2.2　设置年、月、日130

7.3　操作时、分、秒132

7.3.1　获取时、分、秒132

7.3.2　设置时、分、秒133

7.4　获取星期几135

7.5　训练题：在页面显示时间136

第08章　数学对象

8.1　数学对象简介138

8.2　Math对象的属性138

8.3　Math对象的方法140

8.4　最大值与最小值：max()、min()141

8.5　取整运算142

8.5.1　向下取整：floor()142

8.5.2　向上取整：ceil()143

8.6　三角函数144

8.7　生成随机数145

8.7.1　随机生成某个范围内的

任意数146

8.7.2　随机数生成某个范围内的

整数146

8.8　训练题：生成随机验证码147

8.9　生成随机颜色值148

第二部分　核心技术

第09章　DOM基础

9.1　核心技术简介150

9.2.1　DOM对象151

9.2.2　DOM结构151

9.2　DOM是什么？151

9.3　节点类型152

9.4　获取元素153

9.4.1　getElementById()153

9.4.2　getElementsByTagName155

9.4.3　getElementsByClass

Name()160

9.4.4　querySelector()和

querySelectorAll()161

9.4.5　getElementsByName()163

9.4.6　document.title和

document.body165

9.5　创建元素166

9.6　插入元素171

9.6.1　appendChild()171

9.6.2　insertBefore()173

9.7　删除元素174

9.8　复制元素176

9.9　替换元素178

第10章　DOM进阶

10.1　HTML属性操作（对象属性）180

10.1.1　获取HTML属性值180

10.1.2　设置HTML属性值186

10.2　HTML属性操作（对象方法）188

10.2.1　getAttribute()189

10.2.2　setAttribute()191

10.2.3　removeAttribute()192

10.2.4　hasAttribute()194

10.3　CSS属性操作195

10.3.1　获取CSS属性值196

10.3.2　设置CSS属性值197

10.3.3　最后一个问题203

10.4　DOM遍历206

10.4.1　查找父元素207

10.4.2　查找子元素208

10.4.3　查找兄弟元素212

10.5　innerHTML和innerText214

第11章　事件基础

11.1　事件是什么？217

11.2　事件调用方式218

11.2.1　在script标签中调用218

11.2.2　在元素中调用事件219

11.3　鼠标事件221

11.3.1　鼠标单击221

11.3.2　鼠标移入和鼠标移出223

11.3.3　鼠标按下和鼠标松开225

11.4　键盘事件226

11.5　表单事件228

11.5.1　onfocus和onblur228

11.5.2　onselect230

11.5.3　onchange232

11.6　编辑事件235

11.6.1　oncopy235

11.6.2　onselectstart236

11.6.3　oncontextmenu237

11.7　页面事件238

11.7.1　onload239

11.7.2　onbeforeunload241

第12章　事件进阶

12.1　事件监听器243

12.1.1　事件处理器243

12.1.2　事件监听器245

12.2　event对象252

12.2.1　type252

12.2.2　keyCode253

12.3　this256

第13章　window对象

13.1　window对象简介260

13.2　窗口操作262

13.2.1　打开窗口262

13.2.2　关闭窗口267

13.3　对话框268

13.3.1　alert()269

13.3.2　confirm()269

13.3.3　prompt()271

13.4　定时器272

13.4.1　setTimeout()和

clearTimeout()273

13.4.2　setInterval()和

clearInterval()277

13.5　location对象281

13.5.1　window.location.href281

13.5.2　window.location.search283

13.5.3　window.location.hash283

13.6　navigator对象284

第14章　document对象

14.1　document对象简介287

14.2　document对象属性288

14.2.1　document.URL288

14.2.2　document.referrer289

14.3　document对象方法289

14.3.1　document.write()290

14.3.2　document.writeln()291