2020-09-03---BOM、DOM

BOM、DOM

一、BOM 浏览器对象模型二、顶级对象是：widow三、顶级对象的六大子对象是：四、location五、history六、navigator七、window对象的方法八、计时器九、onscroll 滚动事件十、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对象的方法

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

八、计时器

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

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

九、onscroll 滚动事件

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

十、DOM ： 文档对象模型

十一、获取元素

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

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