本书分为2大部分：第1部分是Javascript基本语法，主要介绍流程控制、函数、字符串、数组等基本语法；第2部分是Javascript核心技术，主要介绍DOM操作、事件操作、window对象、document对象等核心技术。为了让读者更好地掌握，本书还结合实际工作以及前端面试，精心挑选了大量高质量的练习题。此外，本书还专门配套了课件PPT以及各种工具手册，以便各大高校老师教学使用。

源自阅读量破6000万的人气教程 适合零基础初学者，1小时快速上手，7天轻松入门 通俗易懂，风趣幽默，原来前端还能这么玩儿 每一节都配有微视频，每一章都配有大量练习 同步视频 配套练习 课件PPT 源码素材 作者答疑 如果你需要的不是大而全，而是恰到好处的前端开发教程，那么不妨试着看一下这本书。本书源于作者在绿叶学习网分享的超人气在线教程。由于教程的风格独一无二、质量很高，因而累积获得超过十万读者的支持。为了更好地帮助零基础的小伙伴快速上手，每章后面都有习题，每一节都录制了配套的高质量视频，小伙伴们可直接扫码观看。本书的配套资源包括：习题答案、源码文件、配套PPT教学课件，以及各种工具手册。

莫振杰，毕业于暨南大学信科院计算机科学与技术专业，从事前后端开发4年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具及其他各种类型网站，著有多本编程书且销量过万， 现为绿叶学习网的站长，该网站用于分享其在前后端开发中的一些经验，其制作的前后端开发在线教程在互联网引起广泛关注，每一个教程都广受网友称赞与推崇，今年还开发了系列前端线上付费课程。

第 一部分　语法基础

第　1 章 JavaScript 简介　3

1.1　JavaScript 是什么　3

1.1.1　JavaScript 简介　3

1.1.2　教程介绍　4

1.2　JavaScript 开发工具　5

1.3　JavaScript 引入方式　7

1.3.1　外部JavaScript　7

1.3.2　内部JavaScript　8

1.3.3　元素属性JavaScript　10

1.4　一个简单的JavaScript 程序　11

1.5　本章练习　13

第　2 章 语法基础　14

2.1　语法简介　14

2.2　变量与常量　15

2.2.1　变量　15

2.2.2　常量　20

2.3　数据类型　20

2.3.1　数字　21

2.3.2　字符串　21

2.3.3　布尔值　24

2.3.4　未定义值　25

2.3.5　空值　26

2.4　运算符　26

2.4.1　算术运算符　27

2.4.2　赋值运算符　31

2.4.3　比较运算符　33

2.4.4　逻辑运算符　34

2.4.5　条件运算符　37

2.5　表达式与语句　38

2.6　类型转换　39

2.6.1　字符串转换为数字　39

2.6.2　数字转换为字符串　43

2.7　转义字符　45

2.8　注释　47

2.8.1　单行注释　47

2.8.2　多行注释　48

2.9　本章练习　49

第3　章 流程控制　51

3.1　流程控制简介　51

3.1.1　顺序结构　51

3.1.2　选择结构　52

3.1.3　循环结构　53

3.2　选择结构：if　53

3.2.1　单向选择：if...　54

3.2.2　双向选择：if...else...　55

3.2.3　多向选择：if...else if...else...　57

3.2.4　if 语句的嵌套　58

3.3　选择结构：switch　61

3.4　循环结构：while　65

3.5　循环结构：do...while　69

3.6　循环结构：for　70

3.7　实战题：判断一个数是整数，还是

小数　73

3.8　实战题：找出水仙花数　74

3.9　本章练习　75

第4　章 初识函数　77

4.1　函数是什么　77

4.2　函数的定义　79

4.2.1　没有返回值的函数　79

4.2.2　有返回值的函数　82

4.2.3　全局变量与局部变量　83

4.3　函数的调用　85

4.3.1　直接调用　86

4.3.2　在表达式中调用　87

4.3.3　在超链接中调用　88

4.3.4　在事件中调用　89

4.4　嵌套函数　90

4.5　内置函数　91

4.6　实战题：判断某一年是否是闰年　92

4.7　实战题：求出任意5 个数的最大值　93

4.8　本章练习　94

第5　章 字符串对象　96

5.1　内置对象简介　96

5.2　获取字符串长度　96

5.3　大小写转换　98

5.4　获取某一个字符　99

5.5　截取字符串　101

5.6　替换字符串　103

5.7　分割字符串　105

5.8　检索字符串的位置　109

5.9　实战题：统计某一个字符的个数　111

5.10　实战题：统计字符串中有多少个

数字　112

5.11　本章练习　113

第6　章 数组对象　114

6.1　数组是什么　114

6.2　数组的创建　115

6.3　数组的获取　115

6.4　数组的赋值　116

6.5　获取数组长度　118

6.6　截取数组某部分　121

6.7　添加数组元素　123

6.7.1　在数组开头添加元素：unshift()　123

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

6.8　删除数组元素　126

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

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

6.9　比较数组大小　129

6.10　颠倒数组顺序　130

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

6.12　实战题：数组与字符串的转换

操作　133

6.13　实战题：计算面积与体积，返回一个

数组　134

6.14　本章练习　135

第7　章 时间对象　137

7.1　时间对象简介　137

7.2　操作年、月、日　139

7.2.1　获取年、月、日　139

7.2.2　设置年、月、日　141

7.3　操作时、分、秒　143

7.3.1　获取时、分、秒　143

7.3.2　设置时、分、秒　144

7.4　获取星期几　145

7.5　本章练习　147

第8　章 数学对象　148

8.1　数学对象简介　148

8.2　Math 对象的属性　148

8.3　Math 对象的方法　150

8.4　最大值与最小值　150

8.5　取整运算　151

8.5.1　向下取整：floor()　151

8.5.2　向上取整：ceil()　153

8.6　三角函数　154

8.7　生成随机数　155

8.7.1　随机生成某个范围内的任意数　156

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

8.8　实战题：生成随机验证码　157

8.9　实战题：生成随机颜色值　158

8.10　本章练习　159

第二部分　核心技术

第9　章 DOM 基础　163

9.1　核心技术简介　163

9.2　DOM 是什么　163

9.2.1　DOM 对象　163

9.2.2　DOM 结构　164

9.3　节点类型　165

9.4　获取元素　166

9.4.1　getElementById()　166

9.4.2　getElementsByTagName()　168

9.4.3　getElementsByClassName()　173

9.4.4　querySelector() 和

querySelectorAll()　174

9.4.5　getElementsByName()　177

9.4.6　document.title 和

document.body　179

9.5　创建元素　179

9.6　插入元素　185

9.6.1　appendChild()　185

9.6.2　insertBefore()　187

9.7　删除元素　189

9.8　复制元素　191

9.9　替换元素　193

9.10　本章练习　194

第　10 章 DOM 进阶　196

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

10.1.1　获取HTML 属性值　196

10.1.2　设置HTML 属性值　203

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

10.2.1　getAttribute()　205

10.2.2　setAttribute()　208

10.2.3　removeAttribute()　209

10.2.4　hasAttribute()　211

10.3　CSS 属性操作　213

10.3.1　获取CSS 属性值　213

10.3.2　设置CSS 属性值　214

10.3.3　最后一个问题　221

10.4　DOM 遍历　224

10.4.1　查找父元素　224

10.4.2　查找子元素　226

10.4.3　查找兄弟元素　230

10.5　innerHTML 和innerText　232

10.6　本章练习　235

第　11 章 事件基础　237

11.1　事件是什么　237

11.2　事件调用方式　238

11.2.1　在script 标签中调用　238

11.2.2　在元素中调用事件　239

11.3　鼠标事件　241

11.3.1　鼠标单击　241

11.3.2　鼠标移入和鼠标移出　243

11.3.3　鼠标按下和鼠标松开　245

11.4　键盘事件　246

11.5　表单事件　248

11.5.1　onfocus 和onblur　248

11.5.2　onselect　251

11.5.3　onchange　253

11.6　编辑事件　256

11.6.1　oncopy　256

11.6.2　onselectstart　257

11.6.3　oncontextmenu　258

11.7　页面事件　259

11.7.1　onload　259

11.7.2　onbeforeunload　262

11.8　本章练习　263

第　12 章 事件进阶　264

12.1　事件监听器　264

12.1.1　事件处理器　264

12.1.2　事件监听器　265

12.2　event 对象　273

12.2.1　type　274

12.2.2　keyCode　275

12.3　this　277

12.4　本章练习　281

第　13 章 window 对象　282

13.1　window 对象简介　282

13.2　窗口操作　283

13.2.1　打开窗口　284

13.2.2　关闭窗口　289

13.3　对话框　291

13.3.1　alert()　291

13.3.2　confirm()　292

13.3.3　prompt()　293

13.4　定时器　295

13.4.1　setTimeout() 和

clearTimeout()　296

13.4.2　setInterval() 和clearInterval()　300

13.5　location 对象　304

13.5.1　window.location.href　305

13.5.2　window.location.search　306

13.5.3　window.location.hash　307

13.6　navigator 对象　308

13.7　本章练习　311

第　14 章 document 对象　312

14.1　document 对象简介　312

14.2　document 对象属性　312

14.2.1　document.URL　313

14.2.2　document.referrer　314

14.3　document 对象方法　314

14.3.1　document.write()　315

14.3.2　document.writeln()　316

14.4　本章练习　319

附录A　字符串的方法　320

附录B　数组的方法　321

附录C　时间对象的方法　322

附录D　数学对象的方法　323

附录E　常用的随机数　324