博客列表 >javascript基础学习记录-2019年12月17日

javascript基础学习记录-2019年12月17日

古城老巷丶
古城老巷丶原创
2019年12月26日 02:53:00648浏览

javascript数组常用功能

数组长度:在JS数组里新增下标时,数组的长度是新增下标加1。

在JS数组尾部添加新的值时。可以通过JS的push()函数,参数是需要新增的的数据。push()函数有返回值,是数组的长度。

image.png

弹出数组尾部一个元素,pop(),没有参数,返回是数组中最后一个元素,在查询数组长度时会减少1。

image.png

实战:两个数组合并,从数组1尾部追加,下标递增

image.png

从数组头部追加新元素,使用unshift()函数,参数是需要增加的元素。

image.png

实战:在一个数组中间添加新的元素


删除数组头部第一个元素:shift()函数,没有参数,有返回值,删除的元素

image.png

删除数组中间元素,splice(),一般有两个参数,参数1:从哪个下标开始删除,参数2:删除的数量,返回值是以删除的元素


image.png

寻找数组中的某一个元素。indexOf(),参数1,需要找的元素,参数2.从上什么位置开始查,返回的是该元素在数组中的下标。

image.png

JS点击事件

onclick="":JS的点击事件,使用该函数来绑定JS的函数,实现点击效果

image.png

onmouseover='';当鼠标悬停在该控件上时产生的事件。和css的hover类似。

image.png

onmouseleave='';鼠标移出该控件红所产生的事件,和css的hover类似。

image.png

这些都可以使用在HTML的DOM元素上。

实现菜单联动

image.png













声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议