JavaScript教程目录-马育民老师

# 基础

1. [JavaScript介绍](https://www.malaoshi.top/show_1IX1HMXad2UE.html "JavaScript介绍")

2. [JavaScript和html代码的结合方式](https://www.malaoshi.top/show_1IX1HNpQLo0S.html "JavaScript和html代码的结合方式")

3. [JavaScript教程：警告框alert()、确认框confirm()](https://www.malaoshi.top/show_1IX1HsadpBEc.html "JavaScript教程：警告框alert()、确认框confirm()")

4. [JavaScript教程：var声明变量](https://www.malaoshi.top/show_1IX3mKntAcy0.html "JavaScript教程：var声明变量")

- [JavaScript教程：var缺点：重复声明、定义变量之前访问变量、没有块作用域](https://www.malaoshi.top/show_1IX3mKnm5F8z.html "JavaScript教程：var缺点：重复声明、定义变量之前访问变量、没有块作用域")

4. [JavaScript教程：数据类型](https://www.malaoshi.top/show_1IX1HOW4U8Ia.html "JavaScript教程：数据类型")

5. [JavaScript教程：字符串string](https://www.malaoshi.top/show_1IX3AS7BYeKa.html "JavaScript教程：字符串string")

6. [JavaScript教程：字符串string截取slice()、substring()、substr()](https://www.malaoshi.top/show_1IX3ASZHWJx7.html "JavaScript教程：字符串string截取slice()、substring()、substr()")

5. [JavaScript 字符串string 与 数字number 的区别](https://www.malaoshi.top/show_1IX39dOjBb9d.html "JavaScript 字符串string 与 数字number 的区别")

6. [JavaScript教程：string字符串型 转成 number数字型](https://www.malaoshi.top/show_1IX39iTS8SFM.html "JavaScript教程：string字符串型 转成 number数字型")

7. [JavaScript教程：变量、动态类型](https://www.malaoshi.top/show_1IX1HgkCDJBw.html "JavaScript教程：变量、动态类型")

8. [JavaScript typeof 获取变量类型](https://www.malaoshi.top/show_1IX39WSPxFFZ.html "JavaScript typeof 获取变量类型")

9. [JavaScript教程：undefined、null和NaN](https://www.malaoshi.top/show_1IXIPBCgtnP.html "JavaScript教程：undefined、null和NaN")

10. [JavaScript 赋值运算符=、+=、-=、*=、/=、%=](https://www.malaoshi.top/show_1IX3A0BarXPc.html "JavaScript 赋值运算符=、+=、-=、*=、/=、%=")

11. [JavaScript教程：比较运算符 >、>=、<、<=](https://www.malaoshi.top/show_1IX3A59mNBJd.html "JavaScript教程：比较运算符 >、>=、<、<=")

12. [JavaScript教程：==、!=、===、!==](https://www.malaoshi.top/show_1IX3A50hueFJ.html "JavaScript教程：==、!=、===、!==")

13. [JavaScript教程：比较（关系）运算符](https://www.malaoshi.top/show_1IX1HOl3RKF7.html "JavaScript教程：比较（关系）运算符")

14. [JavaScript教程：逻辑运算符（&&、||、!）](https://www.malaoshi.top/show_1IX1HhCYbY6C.html "JavaScript教程：逻辑运算符（&&、||、!）")

15. [JavaScript教程：三元运算符](https://www.malaoshi.top/show_1IX3A5JadnPR.html "JavaScript教程：三元运算符")

### 语句

1. [JavaScript教程：判断语句if、if...else、if...else if...else](https://www.malaoshi.top/show_1IX3A5LVdcEY.html "JavaScript教程：判断语句if、if...else、if...else if...else")

2. [JavaScript教程：switch语句](https://www.malaoshi.top/show_1IX3A5OJxVzp.html "JavaScript教程：switch语句")

3. [JavaScript教程：for、while循环语句](https://www.malaoshi.top/show_1IX3A5WcvBTX.html "JavaScript教程：for、while循环语句")

4. [JavaScript教程：break、continue](https://www.malaoshi.top/show_1IX3A5clBt1s.html "JavaScript教程：break、continue")

### 函数

1. [JavaScript教程：函数](https://www.malaoshi.top/show_1IX1Hqm9mNWi.html "JavaScript教程：函数")

- [JavaScript教程：函数的 arguments 隐形参数](https://www.malaoshi.top/show_1IX32q0ypICd.html "JavaScript教程：函数的 arguments 隐形参数")
 
 - [JavaScript教程：return](https://www.malaoshi.top/show_1IX3AS0wqV0G.html "JavaScript教程：return")

- [JavaScript教程：全局变量、函数内的局部变量](https://www.malaoshi.top/show_1IX3BO93kQ1m.html "JavaScript教程：全局变量、函数内的局部变量")

2. [JavaScript教程：匿名函数和函数表达式](https://www.malaoshi.top/show_1IX3mLBLiJSf.html "JavaScript教程：匿名函数和函数表达式")

3. [JavaScript：callback 回调函数](https://www.malaoshi.top/show_1IX3lyQZeOtS.html "JavaScript：callback 回调函数")

4. [JavaScript教程：避免使用全局变量-自调用函数](https://www.malaoshi.top/show_1IX3mKNfVufK.html "JavaScript教程：避免使用全局变量-自调用函数")

5. [JavaScript教程：闭包](https://www.malaoshi.top/show_1IX3mLZ4vtNG.html "JavaScript教程：闭包")

# 对象类型

1. [JavaScript教程：数组](https://www.malaoshi.top/show_1IX1HlHVGxrD.html "JavaScript教程：数组")

- [JavaScript教程：数组扩展方法](https://www.malaoshi.top/show_1IX3Np9wqkZe.html "JavaScript教程：数组扩展方法")
 
 - [JavaScript教程：Array 数组-reduce()方法](https://www.malaoshi.top/show_1IX7TnITT5iK.html "JavaScript教程：Array 数组-reduce()方法")
 
 - [JavaScript：数组的sort()排序方法](https://www.malaoshi.top/show_1IX3lyi5Yzz0.html "JavaScript：数组的sort()排序方法")

2. [JavaScript教程：for...in循环](https://www.malaoshi.top/show_1IX3BOiqQEA7.html "JavaScript教程：for...in循环")

3. [JavaScript教程：Math 对象](https://www.malaoshi.top/show_1IX7TegZQyQ6.html "JavaScript教程：Math 对象")

- [JavaScript教程：Math.random()随机数](https://www.malaoshi.top/show_1IX7TfFKM9m4.html "JavaScript教程：Math.random()随机数")

4. [JavaScript 获取日期时间（Date）](https://www.malaoshi.top/show_1IX2cJiYZyMX.html "JavaScript 获取日期时间（Date）")

### 自定义对象

1. [面向对象编程](https://www.malaoshi.top/show_1EF3ZGnONrFx.html "面向对象编程")

2. [JavaScript教程：自定义对象-Object对象](https://www.malaoshi.top/show_1IX33395YUry.html "JavaScript教程：自定义对象-Object对象")

3. [JavaScript教程：自定义对象-{}对象](https://www.malaoshi.top/show_1IX333G9BnQB.html "JavaScript教程：自定义对象-{}对象")

5. [JavaScript教程：自定义对象-通过new 和 构造函数创建对象](https://www.malaoshi.top/show_1IX3BvqxHpJD.html "JavaScript教程：自定义对象-通过new 和 构造函数创建对象")

6. [JavaScript：原型对象和原型链](https://www.malaoshi.top/show_1IX3jND76LA4.html "JavaScript：原型对象和原型链")

7. [JavaScript：在构造函数原型对象上定义公共方法](https://www.malaoshi.top/show_1IX3jNZngbXt.html "JavaScript：在构造函数原型对象上定义公共方法")

4. [JavaScript教程：this关键字](https://www.malaoshi.top/show_1IX3BvgB7iFi.html "JavaScript教程：this关键字")

- [JavaScript教程：this指向问题](//www.malaoshi.top/show_1IX3iyFWMF0P.html "JavaScript教程：this指向问题")

### JSON

6. [JSON](https://www.malaoshi.top/show_1EF2cBZyuggx.html "JSON")

7. [JSON对象与字符串互转-JSON.stringify() 、JSON.parse()](https://www.malaoshi.top/show_1IX3AoiSayBp.html "JSON对象与字符串互转-JSON.stringify() 、JSON.parse()")

### 其他

1. [JavaScript教程：Object.keys() 和 Object.values()](https://www.malaoshi.top/show_1IX6MG3FkMWs.html "JavaScript教程：Object.keys() 和 Object.values()")

# DOM

1. [JavaScript教程：HTML DOM](https://www.malaoshi.top/show_1IX1Hs2Ckl8D.html "JavaScript教程：HTML DOM")

2. [JavaScript教程：document对象和访问标签对象](https://www.malaoshi.top/show_1IX1HsNXg8yt.html "JavaScript教程：document对象和访问标签对象")

- [JavaScript：document.querySelector和document.querySelectorAll](https://www.malaoshi.top/show_1IX3zdlyhZAG.html "JavaScript：document.querySelector和document.querySelectorAll")

3. [JavaScript教程：innerHTML 和 innerText 属性](https://www.malaoshi.top/show_1IX3AoyGkGKV.html "JavaScript教程：innerHTML 和 innerText 属性")

4. [JavaScript教程：获取dom属性、修改dom属性](https://www.malaoshi.top/show_1IX3Ap2RDywj.html "JavaScript教程：获取dom属性、修改dom属性")

5. [JavaScript教程：获取、修改DOM的样式](https://www.malaoshi.top/show_1IX3Ap5P6KZx.html "JavaScript教程：获取、修改DOM的样式")

6. [JavaScript：动态创建按钮添加到页面上，动态删除按钮](https://www.malaoshi.top/show_1IX3nkrKrPU2.html "JavaScript：动态创建按钮添加到页面上，动态删除按钮")

### 事件

1. [JavaScript教程：事件](https://www.malaoshi.top/show_1IX1HrZV1dq2.html "JavaScript教程：事件")

2. [JavaScript教程：事件对象](https://www.malaoshi.top/show_1IX33PW25zMb.html "JavaScript教程：事件对象")

3. [JavaScript教程：事件对象-获取源控件（获取控件的值）](https://www.malaoshi.top/show_1IX33PVajkTZ.html "JavaScript教程：事件对象-获取源控件（获取控件的值）")

4. [JavaScript教程：事件冒泡（bubble）](https://www.malaoshi.top/show_1IX33PtW91HV.html "JavaScript教程：事件冒泡（bubble）")

- [JavaScript教程：事件对象-获取事件源：target和currentTarget](https://malaoshi.top/show_1IX6WEL4Olzi.html "JavaScript教程：事件对象-获取事件源：target和currentTarget")

5. [JavaScript教程：焦点事件](https://www.malaoshi.top/show_1IX3B5EbsYMS.html "JavaScript教程：焦点事件")

- [JavaScript案例：input控件只能输入数字](https://www.malaoshi.top/show_1IX3mzdTtG6b.html "JavaScript案例：input控件只能输入数字")

6. [JavaScript教程：鼠标事件](https://www.malaoshi.top/show_1IX3B5Gesqwb.html "JavaScript教程：鼠标事件")

- [JavaScript案例：鼠标控制飞机](https://www.malaoshi.top/show_1IX3muWHHxPy.html "JavaScript案例：鼠标控制飞机")

7. [JavaScript教程：键盘事件](https://www.malaoshi.top/show_1IX3B5IMjCzh.html "JavaScript教程：键盘事件")

- [JavaScript教程：键盘码keyCode](https://www.malaoshi.top/show_1IX3mtBd0SnK.html "JavaScript教程：键盘码keyCode")

- [JavaScript案例：按下键盘移动div](https://www.malaoshi.top/show_1IX3mt8FXF6C.html "JavaScript案例：按下键盘移动div")

8. [JavaScript实现轮播图](https://www.malaoshi.top/show_1IX3kTE9s58Z.html "JavaScript实现轮播图")

9. [JavaScript教程：事件委托机制](https://www.malaoshi.top/show_1IX3mLkdDn42.html "JavaScript教程：事件委托机制")

# 定时

1. [JavaScript教程：setInterval()、 clearInterval()](https://www.malaoshi.top/show_1IX3BDbaKGm7.html "JavaScript教程：setInterval()、 clearInterval()")

2. [JavaScript教程：setTimeout()、clearTimeout()](https://www.malaoshi.top/show_1IX3BDhAWwTG.html "JavaScript教程：setTimeout()、clearTimeout()")

# 对话框、打开窗口

3. [JavaScript教程：confirm()确认对话框](https://www.malaoshi.top/show_1IX3BDkvFmoO.html "JavaScript教程：confirm()确认对话框")

4. [JavaScript教程：open()打开窗口](https://www.malaoshi.top/show_1IX3BDomVBCc.html "JavaScript教程：open()打开窗口")

# 案例

1. [JavaScript案例：div对话框](https://www.malaoshi.top/show_1IX3njKo6MoV.html "JavaScript案例：div对话框")

2. [JavaScript案例：实现京东搜索功能](https://www.malaoshi.top/show_1IX3nf9kT0UJ.html "JavaScript案例：实现京东搜索功能")

# 其他

1. [JavaScript教程：location对象](https://www.malaoshi.top/show_1IX3BNjsu2S5.html "JavaScript教程：location对象")

2. [JavaScript教程：history 对象](https://www.malaoshi.top/show_1IX3BNrqrVbG.html "JavaScript教程：history 对象")

3. [JavaScript教程：ES6前，不支持块级作用域](https://www.malaoshi.top/show_1IX3BO9WGqOp.html "JavaScript教程：ES6前，不支持块级作用域")

4. [JavaScript：eval() 函数](https://www.malaoshi.top/show_1IX3lwy1FSXE.html "JavaScript：eval() 函数")

# 正则表达式

1. [正则表达式](https://www.malaoshi.top/show_1IX2yvsAZgmZ.html "正则表达式")

2. [JavaScript教程：正则表达式 regex](https://www.malaoshi.top/show_1IX3AqOaFkhG.html "JavaScript教程：正则表达式 regex")

3. [JavaScript教程：正则表达式与search()、match()、replace()、split()](https://www.malaoshi.top/show_1IX3AqS3xpwQ.html "JavaScript教程：正则表达式与search()、match()、replace()、split()")

# ES6

1. [JavaScript教程：let声明块级作用域变量](https://www.malaoshi.top/show_1IX3BOLURBRJ.html "JavaScript教程：let声明块级作用域变量")

- [JavaScript教程：var和let的相同点、不同点](https://www.malaoshi.top/show_1IX3mKxqBPLG.html "JavaScript教程：var和let的相同点、不同点")

2. [JavaScript教程：const声明块级作用域常量](https://www.malaoshi.top/show_1IX3BOUO9K7d.html "JavaScript教程：const声明块级作用域常量")

3. [JavaScript教程：for...of循环](https://www.malaoshi.top/show_1IX3BOv8mZy9.html "JavaScript教程：for...of循环")

4. [JavaScript教程：函数形参默认值](https://www.malaoshi.top/show_1IX3Bv372Xcp.html "JavaScript教程：函数形参默认值")

5. [JavaScript教程：lambda表达式的至简原则](https://www.malaoshi.top/show_1IX2r5UzHR7m.html "JavaScript教程：lambda表达式的至简原则")

6. [JavaScript教程：lambda表达式与this指向问题](https://www.malaoshi.top/show_1IX3BvjYNkxu.html "JavaScript教程：lambda表达式与this指向问题")

7. [javascript教程：模板字符串](https://www.malaoshi.top/show_1IX3CAXL8mfF.html "javascript教程：模板字符串")

8. [JavaScript教程：{}对象属性缩写](https://www.malaoshi.top/show_1IX3CAR9oVex.html "JavaScript教程：{}对象属性缩写")

9. [面向对象编程](https://www.malaoshi.top/show_1EF3ZGnONrFx.html "面向对象编程")

10. [JavaScript教程：class类](https://www.malaoshi.top/show_1IX3Bv7qIZw3.html "JavaScript教程：class类")

11. [JavaScript模块化](https://www.malaoshi.top/show_1IX3xPtu4lVi.html "JavaScript模块化")

# AJAX

1. [ajax](https://www.malaoshi.top/show_1EF2cBLj7q5t.html "ajax")

2. [JavaScript教程：ajax原生写法](https://www.malaoshi.top/show_1IX3BwA9aPx3.html "JavaScript教程：ajax原生写法")

3. [JavaScript：Promise](https://www.malaoshi.top/show_1IX3oXyazfeK.html "JavaScript：Promise")

原文出处：http://malaoshi.top/show_1IX1HU32XlQW.html