JavaScript教程目录 作者：马育民 • 2021-06-09 16:08 • 阅读：10376 # 基础 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教程：全局变量、函数内的局部变量") ### 内置函数 1. [JavaScript教程：内置函数 parseInt()](https://www.malaoshi.top/show_1GW1xduHh0DX.html "JavaScript教程：内置函数 parseInt()") 2. [JavaScript教程：内置函数 parseFloat()](https://www.malaoshi.top/show_1GW1xeC0wUqz.html "JavaScript教程：内置函数 parseFloat()") ### 高级用法 1. [JavaScript教程：匿名函数和函数表达式](https://www.malaoshi.top/show_1IX3mLBLiJSf.html "JavaScript教程：匿名函数和函数表达式") 2. [JavaScript：callback 回调函数](https://www.malaoshi.top/show_1IX3lyQZeOtS.html "JavaScript：callback 回调函数") 3. [JavaScript教程：避免使用全局变量-自调用函数](https://www.malaoshi.top/show_1IX3mKNfVufK.html "JavaScript教程：避免使用全局变量-自调用函数") 4. [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 1. [JSON](https://www.malaoshi.top/show_1EF2cBZyuggx.html "JSON") 2. [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()") 2. [JavaScript教程：访问器属性（getter / setter、存取器）](https://www.malaoshi.top/show_1GW3DMhCI1sX.html "JavaScript教程：访问器属性（getter / setter、存取器）") # 异常处理 1. [异常介绍](https://www.malaoshi.top/show_1GW20bcPhTN0.html "异常介绍") 2. [JavaScript：异常处理](https://www.malaoshi.top/show_1GW20bqnfo8g.html "JavaScript：异常处理") # 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://www.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_1IXQlsFcERf.html "javascript 箭头函数（lambda表达式）") - [JavaScript教程：lambda表达式的至简原则](https://www.malaoshi.top/show_1IX2r5UzHR7m.html "JavaScript教程：lambda表达式的至简原则") - [JavaScript：箭头函数（lambda表达式）作为 callback 回调函数](https://www.malaoshi.top/show_1GWjJIN1fUm.html "JavaScript：箭头函数（lambda表达式）作为 callback 回调函数") - [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模块化") 12. [JavaScript ES6 模块化：javascript（js） import和export](https://www.malaoshi.top/show_1IXVBLF2Idx.html "JavaScript ES6 模块化：javascript（js） import和export") # 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") 原文出处：/show_1IX1HU32XlQW.html