BOM
BOM（Browser Object Model）： 浏览器对象模型，是用来描述与浏览器进行交互的方法和接口
BOM下面有一个核心的对象 – window对象。
window下面的常用的事件操作：
onload（） 页面内容加载完成后执行这里的代码
onscroll（） 浏览器的滚动条触发时触发此事件
onresize（） 浏览器窗口大小发生改变时触发此事件
document.documentElement.clientWidth 浏览器可视区的宽度（纯数字，没有单位）
document.documentElement.clientHeight 浏览器可视区的高度（纯数字，没有单位）
定时器
间隔定时器
setInterval（function（）{}，interval） ：启动定时器
clearInterval（定时器的值）：关闭定时器
延时定时器
setTimeout（function（）{}，interval）：启动延时定时器
clearTimeout（定时器值）：关闭定时器
DOM
DOM（Document Object Model）：文档对象模型。描绘一个层次化的节点树，允许开发人员获取、添加、移除和修改页面的某一部分元素
DOM基本操作
- 获取元素
getElementById（）：获取单个的id元素
getElementsByTagname（）：获取一类元素节点，返回一个类数组
getElementByClassName（）：通过类名来获取一类元素节点，返回类数组
querySelector（）：通过选择器的方式来获取，只获取单个
querySelectorAll（）：通过选择器方式获取一类元素节点，返回类数组
注意HTML元素的获取: document.doucumentElement – （返回<html>元素） - 创建、添加、删除、克隆、替换
| 方法 | 描述 |
|---|---|
| document.createElement（elementName） | 创建元素 |
| document.removeChild(elementName) | 删除元素 |
| document.appendChild(elementName) | 添加元素 |
| document.replaceChild(elementName) | 替换元素 |
| document.write(text) | 写入内容到文档 |
| 父节点.appendChild(元素节点) | 素节点插入到父节点的内部最后的位置 |
| 父节点.insertBefore(新的元素节点,存在元素节点) | 父节点内,把新的元素节点插入到已经存在的元素节点的前面 |