数组的方法小总结---（是否改变原数组）
不会改变原来数组的有：
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坐标。