jsAPI

1.API(Application Program Interface）：

应用程序编程接口 预先定义好的函数 浏览器提供的一套操作浏览器功能和页面元素的API(Dom Bom)

2.js组成

ECMAscript Dom Bom

3.Dom组成

文档：一个网页
元素：标签
节点：页面中所有的内容【 document 标签（元素） 属性 文本 注释】：重点
属性:标签的属性
Dom的顶级对象 document
Bom的顶级对象 window

4.伪数组：

拥有索引 长度 可以进行遍历循环 但是不能用数组中专有的方法

5.获取元素的方式

（1）通过ID获取【单个】唯一的getElementById{其他的都加s}
（2）通过类名获取【可以多个】伪数组
（3）通过标签名获取【可以多个】伪数组
（4）通过name获取【可以多个】伪数组
（5）通过queryselector()获取【指定选择器的第一个元素】
（6）通过queryselectorAll()获取【获取指定选择器的所有元素】伪数组

6.事件：触发-响应机制（event接口）【也是异步的】

（1）事件三要素
事件源：触发事件的元素
事件类型：事件的触发方式（鼠标 键盘 浏览器事件）
.onclick:单击事件/鼠标事件
.onload:浏览器加载完成事件
window.οnlοad=function(){}会导致程序最后执行
事件处理程序：事件触发后执行的代码（一般是函数）
（2）绑定事件
事件源.事件类型 = 事件的处理程序
解除 事件源.事件类型 = null
事件函数中：this指向事件源

7.innerText textContent（基本不用）

获取或设置文本节点【不是函数，后面加等于号，就可以添加元素】

8.innerHTML：

获取或设置所有节点【不是函数，后面加等于号，就可以添加元素】

9.非表单元素（通过打点设置属性，是因为对象有该属性）

（1）添加src属性添加图片
（2）改变图片大小（不加单位）
（3）通过style改变宽高|（加单位）
（4）通过类名改变宽度：className（提前通过类名设置好）
弊端：会发生覆盖
（5）隐藏元素

display:none（不占位置，相当于删除）
visibility:hidden（占位置，只是不让看到）
其他不常用的
width：0，height：0
opacity：0
overflow：hidden

（6）this指向