JavaScript的三大组成和数组

JavaScript的三大组成

1、JavaScript基础语法(ECMAScript)

2、JavaScript中的对象操作

(浏览器对象,Date,String,Math)…BOM(浏览器对象模型)

3、JavaScript中的DOM操作

文档对象模型的操作

获取页面元素的方式:

①通过js的DOM的方法:getElementById)():根据元素ID获取

获取页面元素,那么必须将获取的元素的代码块放置在事件中
在这里插入图片描述

innerHTML和innerText的区别

innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。

innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。

同时,innerHTML 是所有浏览器都支持的,innerText 是IE浏览器和chrome 浏览器支持的,Firefox浏览器不支持。其实,innerHTML 是W3C 组织规定的属性;而innerText 属性是IE浏览器自己的属性,不过后来的浏览器部分实现这个属性罢了。

outerHTML

outerHTML指的是除了包含innerHTML的全部内容外, 还包含对象标签本身。

②通过getElementsByClassName():根据元素的class获取元素

在这里插入图片描述

③通过getElementsByTagName():根据元素标签的名词获取元素

用 getElementsByTagName()这种方法是根据HTML的标签来获取的。

因为页面元素使用的标签可以重复,所以用这种方法的的值也是一个集合。
在这里插入图片描述

JavaScript数组

数组的概念

数组是一组数据的集合,在 JavaScript 中,数组里面的数据可以是不同的类型

数组的声明

①var 数组的名称=new Array();

②var 数组的名称=[数组值];

数组的初始化

js是一种弱类型脚本语言,所以可以存储不同种类型语言。

①var 数组的名称=new Array(‘值1’,‘值2’,值3…);

在这里插入图片描述

②var 数组的名称=[值1,值2,值3…];

在这里插入图片描述

③var 数组的名称=new Array();

数组名称[0]=值1;

数组名称[1]=值2;

在这里插入图片描述

操作数组中数据的方法

(1) Join():将数组成员通过一个分割符合并成字符串

在这里插入图片描述

(2) Push()和 pop():从数组最后增加成员或是删除成员

在这里插入图片描述
在这里插入图片描述

(3) Unshift()和 shift():从数组的前面增加成员或是删除成员

在这里插入图片描述
在这里插入图片描述

(4) Reverse():将数组的数值进行翻转

在这里插入图片描述

(5) Indexof():返回数组中元素第一次出现的索引值

在这里插入图片描述
在这里插入图片描述

(6) Splice():在数组中增加或是删除成员

在这里插入图片描述

(7) Slice():从一个数组中选择(截取)元素

在 JavaScript 中,我们可以使用 Array 对象的 slice()方法来获取数组中的某段数组元素。

slice,就是“切片”的意思。

语法:

数组对象.slice(start,end)

说明:

参数 startend 都是整数。

start:开始元素的索引位置

end:表示结束截取的索引位置(不包含结束位置的索引所包含的成员)

使用 slice 方法获取数组中的某段数组元素,其实是获取
在这里插入图片描述
2018年12月2日22:22:42

猜你喜欢

转载自blog.csdn.net/a_lllll/article/details/84728901
今日推荐