JS几个知识点（关于位置的与数组方法的小总结）

数组的方法小总结—（是否改变原数组）
不会改变原来数组的有：
concat()—连接两个或更多的数组，并返回结果。

every()—检测数组元素的每个元素是否都符合条件。

some()—检测数组元素中是否有元素符合指定条件。

filter()—检测数组元素，并返回符合条件所有元素的数组。

indexOf()—搜索数组中的元素，并返回它所在的位置。

join()—把数组的所有元素放入一个字符串。

toString()—把数组转换为字符串，并返回结果。

lastIndexOf()—返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

map()—通过指定函数处理数组的每个元素，并返回处理后的数组。

slice()—选取数组的的一部分，并返回一个新数组。

valueOf()—返回数组对象的原始值。

会改变原来数组的有：
pop()—删除数组的最后一个元素并返回删除的元素。

push()—向数组的末尾添加一个或更多元素，并返回新的长度。

shift()—删除并返回数组的第一个元素。

unshift()—向数组的开头添加一个或更多元素，并返回新的长度。

reverse()—反转数组的元素顺序。

sort()—对数组的元素进行排序。

splice()—用于插入、删除或替换数组的元素。

关于位置
1.offset
offsetWidth和offsetHeight
怎么获取元素占据的空间大小 width + padding + border
css(div,‘width’);只能获取元素的宽度（不包含padding、border）
元素.offsetWidth 元素占据的宽度 width + padding + border
元素.offsetHeight 元素占据的高度 height + padding + border

    2.offsetLeft、offsetTop、offsetParent
    
    (1)、offsetLeft 元素相对于第一个使用定位元素的左边的距离
    
    (2)、offsetTop 元素相对于第一个使用定位元素的上边距离
    
    (3)、offsetParent 第一个使用定位的父级元素(如果没有就是body)  
    
    3.当有滚动条时：
    var sTop = document.documentElement.scrollTop||document.body.scrollTop------获取滑动的高度
    var cHeight = document.documentElement.clientHeight||document.body.clientHeight;---获取显示高度
    
    
    4.事件对象的属性
    offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY
    
    offsetX、offsetY:
    鼠标相对于事件源元素（srcElement）的X,Y坐标
    clientX、clientY:
    鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。
    pageX、pagey:
    类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了
    广泛支持。IE事件中没有这2个属性
    screenX、screenY:
    鼠标相对于用户显示器屏幕左上角的X,Y坐标。