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)
说明:
参数 start 和 end 都是整数。
start:开始元素的索引位置
end:表示结束截取的索引位置(不包含结束位置的索引所包含的成员)
使用 slice 方法获取数组中的某段数组元素,其实是获取
2018年12月2日22:22:42