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

    技术2026-01-07  8

    Math对象

    Math.ceil():向上取整Math.floor():向下取整Math.PI():圆周率Math.max():一组数字中的最大值Math.min():一组数字中的最大值Math.abs():一组数字中的绝对值Math.random():随机数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对象

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

    数组对象

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

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

    Processed: 0.034, SQL: 9