2020-09-03---BOM、DOM

一、BOM 浏览器对象模型

二、顶级对象是：widow

三、顶级对象的六大子对象是：

document location history navigator screen frames

四、location

跳转页面

• window.location 属性
• location.href 属性
• location.assign() 方法

五、history

刷新页面
history.go(0)
location.reload([true])

• false : 从缓存中加载数据
• true：从web服务器中加载数据

六、navigator

userAgent : 浏览器的名称、版本和操作系统的信息

七、window对象的方法

1. alert（） ： 警告框
2. prompt（） ： 输入框
3. confirm（） ： 选择框
4. open（） ： 打开新窗口
5. close（） ： 退出当前窗口

八、计时器

• setInterval(函数，毫秒数) 间歇性计时器（循环 - 可以控制循环间隔时间）
  clearInterval(计时器返回值) 停止计时器

• setTimeout(函数，毫秒数) 延时器，定时器 一次性的计时器
  clearTimeout(返回值) 停止延时器

九、onscroll 滚动事件

低版本谷歌浏览器 ： document.body.scrollTop
其它版本谷歌或其它浏览器 ： document.documentElement.scrollTop (documentElement -> html）

十、DOM ： 文档对象模型

十一、获取元素

1. document.getElementById(id) : 返回对象
2. document.getElementByTagName(标签名) ：返回类数组（伪数组：具有数组的属性，不具有数组的方法）
3. document.getElementByName(name) : 返回类数组
   //IE9以下不兼容
4. document.getElementByClassName(class) : 返回类数组
   兼容方法

//IE8以下不兼容
6. document.querySelector(选择器) ： 返回对象
7. document.querySelectorAll(选择器) ： 返回类数组