原生JS-BOM操作

BOM:

Browser Object Model 浏览器对象模型---操作浏览器，也是能够与浏览器对话-顶级对象（Windows）；

补充：

甚至HTML DOM的document也是windows对象的属性之一；

windows.document.getElementById("header");

document.getElementByid("header");

windows.location 对象：用于获得当前页面的地址（URL），并把浏览器重定向到新的页面；

            地址栏上的地址的操作：location href 属性跳转页面、assgin()跳转页面 、reload()刷新、 replace()方法替换地址栏上的地址的，没有历史记录的。

windows.History对象：历史记录的后退和前进：history:back()后退；forward()前进

JavaScript Windows Navigator：获取系统和浏览器的信息的：nabigator userAgent属性---获取系统，浏览器的信息；

定时器：该定时器会返回自己的id的值

var timeId=windows.setInterval(函数，时间)；
//页面加载完毕后，过了一段时间执行函数，反复的，除非清理定时器。
windows.clearInterval(定时器的id的值);

不过这里也存在一次定时器：
setTimeOut(函数，时间)；clearTimeOut(定时器id);

动画函数：

//offset系列：获取元素的相关的样式属性的值；
//（父级元素margin+父级元素padding+父级元素border+自己的margin）
//offsetWidth:获取元素的宽；
//offsetHeight:获取元素的高；
//offsetLeft:获取元素距离左边位置的值（有边框）；
//offsetTop：获取元素距离上面位置的值（有边框）；

//示例：浏览器滚动时，页面内容类似于卷帘门似的
//scroll系列：卷曲出去的值
//scrollLeft:向左卷曲出去的距离
//scrollTop：向上卷曲出去的距离
//scrollWidth:元素中内容的实际的宽（当内容较少时，元素自身的宽），没有边框
//scrollHeight:元素中内容的实际的高（当元素较少时，元素自身的高），没有边框

//client系列：
//clientWidth：可视区域的宽度，没有边框；
//clientHeight:可视区域的高度，没有边框；
//clientLeft:左边框的宽度；
//clientTop:上边框的宽度；
//clientX:可视区域的横坐标；
//clientY:可视区域的纵坐标；