学习目标:
一周掌握 JavaScript 入门知识
学习内容:
JavaScript 教程
- 什么是JavaScript
- 为什么学习 JavaScript
- 谁适合阅读本教程?
- 阅读本教程前,您需要了解的知识
JavaScript 简介
- JavaScript 是脚本语言
- JavaScript:直接写入 HTML 输出流
- JavaScript:对事件的反应
- JavaScript:改变 HTML 内容
- JavaScript:改变 HTML 图像
- JavaScript:改变 HTML 样式
- JavaScript:验证输入
JavaScript 用法
-
<script>
标签 -
<
body>
中的 JavaScript - JavaScript 函数和事件
-
在
<head>
或者<body>
的JavaScript -
<head>
中的 JavaScript 函数 -
<body>
中的 JavaScript 函数 - 外部的 JavaScript
JavaScript 输出
- JavaScript 显示数据
- 使用 ()
- 操作 HTML 元素
- 写到 HTML 文档
- 写到控制台
JavaScript 语法
- JavaScript 字面量
- JavaScript 变量
- JavaScript 操作符
- JavaScript 语句
- JavaScript 关键字
- JavaScript 注释
- JavaScript 数据类型
- 数据类型的概念
- JavaScript 函数
- JavaScript 字母大小写
- JavaScript 字符集
JavaScript 语句
- 分号 ;
- JavaScript 代码
- JavaScript 代码块
- JavaScript 语句标识符
- 空格
- 对代码行进行折行
JavaScript 注释
- 单行注释以 // 开头。
- 多行注释以 /* 开始,以 */ 结尾。
- 使用注释来阻止执行
- 在行末使用注释
JavaScript 变量
- 变量是用于存储信息的"容器"。
- 就像代数那样
- JavaScript 变量
- 变量必须以字母开头
- JavaScript 数据类型
- 声明(创建) JavaScript 变量
- 一条语句,多个变量
- 重新声明 JavaScript 变量
- JavaScript 算数
JavaScript 数据类型
-
JavaScript 拥有动态类型
-
JavaScript 字符串
-
JavaScript 数字
-
JavaScript 布尔
-
JavaScript 数组
-
JavaScript 对象
-
Undefined 和 Null
-
声明变量类型
JavaScript 对象
-
真实生活中的对象,属性和方法
-
JavaScript 对象
-
对象定义
-
对象属性
-
访问对象属性
-
对象方法
-
访问对象方法
JavaScript 函数
JavaScript 函数
JavaScript 函数语法
调用带参数的函数
带有返回值的函数
局部 JavaScript 变量
全局 JavaScript 变量
JavaScript 变量的生存期
向未声明的 JavaScript 变量分配值
JavaScript 作用域
JavaScript 作用域
JavaScript 局部作用域
JavaScript 全局变量
JavaScript 变量生命周期
函数参数
HTML 中的全局变量
JavaScript 事件
HTML 事件
常见的HTML事件
JavaScript 可以做什么?
JavaScript 字符串
JavaScript 字符串
字符串长度
特殊字符
字符串可以是对象
字符串属性和方法
字符串属性
字符串方法
JavaScript 运算符
JavaScript 算术运算符
JavaScript 赋值运算符
对字符串和数字进行加法运算
JavaScript 比较
比较运算符
逻辑运算符
JavaScript 条件语句
条件语句
if 语句
if…else 语句
if…else if…else 语句
JavaScript switch 语句
JavaScript switch 语句
default 关键词
JavaScript for 循环
JavaScript 循环
do/while - 同样当指定的条件为 true 时循环指定的代码块
For 循环
For/In 循环
While 循环
JavaScript while 循环
while 循环
do/while 循环
比较 for 和 while
JavaScript break 和 continue 语句
break 语句
continue 语句
JavaScript 标签
JavaScript typeof
typeof 操作符
null
undefined
undefined 和 null 的区别
JavaScript 类型转换
JavaScript 数据类型
typeof 操作符
constructor 属性
JavaScript 类型转换
JavaScript 变量可以转换为新变量或其他数据类型:
通过使用 JavaScript 函数
通过 JavaScript 自身自动转换
将数字转换为字符串
将布尔值转换为字符串
将日期转换为字符串
将字符串转换为数字
将布尔值转换为数字
将日期转换为数字
自动转换为字符串
JavaScript 正则表达式 -
什么是正则表达式?
-
使用字符串方法
-
search() 方法
-
replace() 方法
-
search() 方法使用正则表达式
-
search() 方法使用字符串
-
replace() 方法使用正则表达式
-
使用 test()
-
使用 exec()
JavaScript 错误
-
JavaScript 错误
-
JavaScript 抛出(throw)错误
-
avaScript try 和 catch
-
finally 语句
-
Throw 语句
JavaScript 调试
JavaScript 调试
JavaScript 调试工具
console.log() 方法
debugger 关键字
Chrome 浏览器
Firefox 浏览器
Safari
Opera
JavaScript 变量提升
JavaScript 初始化不会提升
在头部声明你的变量
JavaScript 严格模式
使用 “use strict” 指令
严格模式声明
严格模式的限制
保留关键字
JavaScript 使用误区
赋值运算符应用错误
比较运算符常见错误
加法与连接注意事项
浮点型数据使用注意事项
JavaScript 字符串分行
错误的使用分号
return 语句使用注意事项
数组中使用名字来索引
定义数组元素,最后不能添加逗号
定义对象,最后不能添加逗号
Undefined 不是 Null
程序块作用域
JavaScript 表单
JavaScript 表单验证
HTML 表单实例
JavaScript 验证输入的数字
HTML 表单自动验证
数据验证
HTML 约束验证
约束验证 CSS 伪类选择器
JavaScript 表单验证
JavaScript 表单验证
必填(或必选)项目
E-mail 验证
JavaScript 验证 API
约束验证 DOM 方法
约束验证 DOM 属性
Validity 属性
JavaScript 保留关键字
JavaScript 标准
JavaScript 保留关键字
JavaScript 对象、属性和方法
Java 保留关键字
Windows 保留关键字
HTML 事件句柄
非标准 JavaScript
JavaScript this
JavaScript this 关键字
单独使用 this
函数中使用 this(默认)
函数中使用 this(严格模式)
事件中的 this
对象方法中绑定
显式函数绑定
JavaScript let 和 const
全局变量
局部变量
JavaScript 块级作用域(Block Scope)
重新定义变量
循环作用域
局部变量
全局变量
HTML 代码中使用全局变量
变量提升
const 关键字
-
并非真正的常量
-
重置变量
-
变量提升
JavaScript JSON
什么是 JSON?
JSON 格式化后为 JavaScript 对象
JSON 语法规则
JSON 数据 - 一个名称对应一个值
JSON 对象
JSON 数组
JSON 字符串转换为 JavaScript 对象
相关函数
JavaScript void
href="#"与href="javascript:void(0)"的区别
JavaScript 异步编程
异步的概念
什么时候用异步编程
回调函数
异步 AJAX
JavaScript Promise
构造 Promise
Promise 的使用
Promise 函数
异步函数
JavaScript 代码规范
JavaScript 代码规范
变量名
空格与运算符
代码缩进
语句规则
对象规则
每行代码字符小于 80
命名规则
HTML 载入外部 JavaScript 文件
使用 JavaScript 访问 HTML 元素
文件扩展名
使用小写文件名
JS 函数
JavaScript 函数定义
JavaScript 函数参数
JavaScript 函数调用
JavaScript 闭包
JS HTML DOM
DOM 简介
DOM CSS
DOM 事件
DOM EventListener
DOM 元素
HTMLCollection 对象
NodeList 对象
JS 高级教程
JavaScript 对象
JavaScript prototype
JavaScript Number 对象
JavaScript String
JavaScript Date(日期)
JavaScript Array(数组)
JavaScript Boolean(布尔)
JavaScript Math(算数)
JavaScript RegExp 对象
JS 浏览器BOM
JavaScript Window
JavaScript Window Screen
JavaScript Window Location
JavaScript Window History
JavaScript Navigator
JavaScript 弹窗
JavaScript 计时事件
JavaScript Cookie
JS 库
JavaScript 库
JavaScript 测试 jQuery
JavaScript 测试 Prototype
JS 实例
JavaScript 实例
JavaScript 对象实例
JavaScript 浏览器对象实例
JavaScript HTML DOM 实例
JavaScript 总结
学习时间:
1、 周一至周五晚上 7 点—晚上9点
2、 周六上午 9 点-上午 11 点
3、 周日下午 3 点-下午 6 点
学习产出:
1、**** 学习笔记博客 3 篇
2、运用所学到的JS知识完善上周HTML+CSS产出的网站