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

这篇博客总结了JavaScript中的Math、Date、String和数组对象的常用方法,并详细介绍了获取页面元素的四种方法,包括标签、ID、类名和CSS选择器方式。此外,还探讨了页面中的事件和事件机制,如单双击、鼠标和键盘事件,以及事件冒泡和事件捕获的概念。
摘要由CSDN通过智能技术生成

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>

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值