js其他事件

页面加载事件

load事件
监听整个页面资源给window加
DOMContentLoaded
给document加
无需等待样式表、图像等完全加载（document.documentElement HTML文档返回对象为HTML）

页面滚动事件

scroll
很多网页需要检测用户把页面滚动到某个区域后做一些处理，比如固定导航栏，比如返回顶部
srollLeft 和scrollTop(属性)
可读：

	document.documentElement.scrollTop = 800 //可写
    window.addEventListener('scroll',function(){
      console.log(document.documentElement.scrollTop)//可读
    })

滚动到指定坐标
**元素.scrollTo(x,y)**相当于document.documentElement.scrollTop =值

元素位置

offsetLeft和offsetTop
可以获取元素距离浏览器页面左上的距离，如果有祖先元素，则定位到距离祖先元素的左右的距离。

---

element.getBoundingClientRect()
方法返回元素的大小及其相对于视口的位置