什么是JavaScript
JavaScript是一门跨平台、面向对象的脚本语言，是用来控制网页行为，实现页面的交互效果。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。
组成：
Ecmascript：规定js基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。
Bom：浏览器对象模型，用于操作浏览器本身。
Dom：文档对象模型，用于操作html文档。
Js引入
内部脚本:
1.Javascript代码必须位于<script><script/>标签中
2.htm文档中，可以在任意地方，放置任意数量的<script>
3.一般会把脚本置于<body>元素的底部，可以改善显示速度
外部脚本：将js代码定义在外部js文件中，然后引入到html页面中
变量和常量
变量：Js中用let关键字来声明变量，且js中严格区分大小写。
常量：js中用const关键字来声明常量，一旦声明，常量的值就不能改变。
数据类型
JavaScript的数据类型分为基本数据类型和引用数据类型
基本数据类型：
- number：数字
- Boolean：true，false
- Null：对象为空
- Undefined：变量未赋值
- String：字符串
函数
函数（function）是被设计用来执行特定任务的代码块，方便程序的封装复用
匿名函数
匿名函数是指一种没有名称的函数，可以通过两种方式定义：函数表达式和箭头函数。
函数表达式:
箭头函数：
自定义对象
Json
由于其语法简单，层次结构鲜明，现都用于作为数据载体，在网络中进行数据传输。
Json格式的文本所有的key必须使用双引号引起来
Json方法：
Json.parse：将json字符串转化为js对象
Json.stringify：将js对象转化为json字符串
Dom
将标记语言的各个组成部分封装为对应的对象：
- document：整个文档对象
- Element：元素对象
- Attribute：属性对象
- Text：文本对象
- Comment：注释对象
JavaScript通过dom，就能都对html进行操作：
- 改变html元素的内容
- 改变html元素的样式
- 对html、dom事件做出反应
- 添加和删除html元素
Dom操作
将网页中所有的元素当作对象来处理
操作步骤：
- 获取要操作的dom元素对象
- 操作dom对象的属性或方法
获取dom对象：
- 根据css选择器来获取dom元素，获取匹配到的第一个元素：document.queryselector（‘选择器’）
- 根据css选择器来获取dom元素，获取匹配到的所有元素：document.queryselectorall（‘选择器’）
事件监听
JavaScript可以用在事件触发时，就立即调用一个函数做出响应，称为事件监听
Html事件是发生在html元素上的“事情”比如：
- 按钮被点击
- 鼠标移动到元素上
- 按下键盘按键
语法：事件源.addeventlistener（事件类型，事件触发执行的函数）
事件监听三要素：
- 事件源：哪个dom元素触发了事件，要获取dom元素
- 事件类型：用什么方式触发
- 事件触发执行的函数
