Web前端开发精品课

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

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

第一部分基本语法
第01章JavaScript简介
1.1JavaScript是什么2
1.1.1JavaScript简介2
1.1.2教程介绍3
1.2JavaScript开发工具5
1.3JavaScript引入方式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…elseif…else…51
3.2.4if语句的嵌套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.2Math对象的属性138
8.3Math对象的方法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.1DOM对象151
9.2.2DOM结构151
9.2DOM是什么？151
9.3节点类型152
9.4获取元素153
9.4.1getElementById()153
9.4.2getElementsByTagName155
9.4.3getElementsByClass
Name()160
9.4.4querySelector()和
querySelectorAll()161
9.4.5getElementsByName()163
9.4.6document.title和
document.body165
9.5创建元素166
9.6插入元素171
9.6.1appendChild()171
9.6.2insertBefore()173
9.7删除元素174
9.8复制元素176
9.9替换元素178
第10章DOM进阶
10.1HTML属性操作（对象属性）180
10.1.1获取HTML属性值180
10.1.2设置HTML属性值186
10.2HTML属性操作（对象方法）188
10.2.1getAttribute()189
10.2.2setAttribute()191
10.2.3removeAttribute()192
10.2.4hasAttribute()194
10.3CSS属性操作195
10.3.1获取CSS属性值196
10.3.2设置CSS属性值197
10.3.3最后一个问题203
10.4DOM遍历206
10.4.1查找父元素207
10.4.2查找子元素208
10.4.3查找兄弟元素212
10.5innerHTML和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.1onfocus和onblur228
11.5.2onselect230
11.5.3onchange232
11.6编辑事件235
11.6.1oncopy235
11.6.2onselectstart236
11.6.3oncontextmenu237
11.7页面事件238
11.7.1onload239
11.7.2onbeforeunload241
第12章事件进阶
12.1事件监听器243
12.1.1事件处理器243
12.1.2事件监听器245
12.2event对象252
12.2.1type252
12.2.2keyCode253
12.3this256
第13章window对象
13.1window对象简介260
13.2窗口操作262
13.2.1打开窗口262
13.2.2关闭窗口267
13.3对话框268
13.3.1alert()269
13.3.2confirm()269
13.3.3prompt()271
13.4定时器272
13.4.1setTimeout()和
clearTimeout()273
13.4.2setInterval()和
clearInterval()277
13.5location对象281
13.5.1window.location.href281
13.5.2window.location.search283
13.5.3window.location.hash283
13.6navigator对象284
第14章document对象
14.1document对象简介287
14.2document对象属性288
14.2.1document.URL288
14.2.2document.referrer289
14.3document对象方法289
14.3.1document.write()290
14.3.2document.writeln()291