JavaScript内置对象总结，获取页面元素的常用方法，页面中的事件和事件机制

Math对象

1. Math.ceil():向上取整
2. Math.floor():向下取整
3. Math.PI()：圆周率
4. Math.max():一组数字中的最大值
5. Math.min():一组数字中的最大值
6. Math.abs():一组数字中的绝对值
7. Math.random():随机数
8. Math.round():四舍五入

Date对象

var dt = new Date（）
9. getFullYear():获取系统当前年份
10. getFullMouth()+1:获取系统当前月份
11. getDater():获取系统当前日
12. getHours():获取系统当前小时
13. getMinutes（）：获取系统当前分钟
14. getSeconds（）：获取系统当前秒
15. getDay（）:获取系统当前星期一从零开始，0为星期天
16. toLocaleDateString();获取系统当前China日期如:2018/6/28
17. totLocaleTimeString();获取系统当前China时间如:下午6:52:20
18. valueOf();获取系统当前毫秒，时间戳

String对象

1. length；字符串的长度
2. chartAt（索引）返回值是指定索引位置的字符串，超出索引，结果是空字符串
3. concat（）：拼接后返回的字符串
4. indexOf（要找的字符串，从猫哥位置开始的索引）返回的是字符串，没有找到的则返回-1
5. replace（原来的字符，新的字符）用来替换字符串的
6. splice（开始的索引，结束的索引）返回截取的字符串
7. split（要干掉的字符串，切割后留下的个数）切割字符串
8. substr（开始的位置，个数）返回的是街区后的新的字符串
9. toLocaleLowerCase(); .toLowerCase();转小写，建议用.toLocaleLowerCase();
10. .trim();干掉字符串两端的空格

数组对象

1. 判断是否为数组：Array.isArray(对象）
2. .concat(数组，数组，数组) 组合一个新的数据，数据拼接
3. .push（值）;把值追加导数组中，加到最后，返回值是追加数据之后的数组长度
4. .pop()删除数组中最后一个元素，反谁知就是删除的这个值
5. .shift();删除数组中第一个元素,返回值就是删除的这个值
6. .unshift(值);向数组的第一个元素前面插入新的元素,返回值是插入后的数组的长度
7. .forEach(函数);遍历数组用—相当于for循环
8. .indexOf(元素值);返回的是索引,没有则是-1
9. .map(函数);数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中
10. .reverse();反转数组
11. .sort();排序的,可能不稳定,如果不稳定,请写MDN中的那个固定的代码
12. .slice(开始的索引,结束的索引);把截取后的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值
13. .splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素

javaScript获取页面元素存在四种方法

通过标签获取元素，返回一个数组

var li = document.getElementsByTagName(‘li’);//标签获取元素

通过id获取页面元素

var header = document.getElementById(“header”);//id获取元素

通过class名字获取页面元素

var list = document.getElementsByClassName(‘list’);//返回一个数组，通过下标访问文本

通过CSS选择符方式获取页面元素

var str = document.querySelector(‘li’);

页面中的事件和事件机制

当我们的行为动作满足了一定的条件后，会触发某类事务的执行

单双击事件

单击：onclick
双击：ondblclick

鼠标事件

onmouseover 当鼠标悬停在某个HTML元素上的时候触发
onmousemove 当鼠标在某个HTML元素上移动的时候触发
onmouseout 当鼠标在某个HTML元素上移出的时候触发

键盘事件

onfocus 当某个HTML元素获取焦点的时候触发
onblur 当某个HTML元素失去焦点的时候触发

页面加载事件

onload 当页面加载成功后触发。

事件冒泡和事件捕获

<div id="outer>
<p id="inner">click me!</p?
</div>

我们首先可以了解一下事件流，分为三个阶段，分别为事件捕获，事件目标，事件冒泡
事件捕获是指触发父级元素，再触发子元素，
事件冒泡是指先触发子元素，再触发父级元素
阻止默认事件，阻止事件冒泡，