JavaScript笔记总结（Xmind格式）：第九天

Xmind鸟瞰图：

简单文字总结：

js知识总结
MouseEvent属性：
    1.clientX，clientY(点击位置距离当前body可视区域的x，y)
    2.pageX，pageY(对于整个页面来说，包括被卷去的body部分的长度)
    3.screenX，screenY(点击位置距离当前电脑屏幕的x，y坐标)
    4.offsetX，offsetY(鼠标相对于事件源元素的x，y坐标)

元素的offset属性：
    1.offsetTop: 元素相对父元素上边的偏移。(只读)
    2.offsetLeft： 元素相对父元素左边的偏移。(只读)
    3.offsetWidth： 自身包括padding 、 边框、内容区的宽度。
    4.offsetHeight： 自身包括padding、边框、内容区的高度。
    5.offsetParent： 作为偏移参照点的父级元素。

元素的client属性：
    1.clientHeight（clientWidth）:内容可视区域的高度/宽度
    2.clientLeft,clientTop:这两个返回的是元素周围边框的厚度

元素的scroll属性：
    1.scrollTop(返回被卷去的上侧距离)
    2.scrollLeft(返回被卷去的左侧距离)
    3.scrollWidth(返回自身实际的宽度，不含边框)
    4.scrollHeigth(返回自身实际的高度，不含边框)

常用坐标属性总结：
    1.offset系列 经常用于获得元素位置 offsetLeft  offsetTop
    2.client系列 经常用于获取元素大小  clientWidth clientHeight
    3.scroll系列 经常用于获取滚动距离 scrollTop  scrollLeft 
    4.window属性 获取页面滚动的距离 pageXOffset pageYOffset

详细Xmind原文档，在文章顶部自取下载！