巩固复习 - JavaScript

Posted 2020-10-01

第一节：

onmouseover    //事件，鼠标移入；

onmouseout    //事件，鼠标移出；

obj.attribute = value;    //元素属性操作方式一，通过点（.）的方式，不赋值便进行读取；

第二节：

obj.[arr] = value;    //元素属性操作方式二，arr一般是string类型，实际使用中需要使用引号（‘’）括起来；

className    //在JS中不能直接使用class获取和操作该属性；

style    //获取和修改的是行内样式，可能会覆盖className样式；

window.onload    //意为页面加载完成后执行；

innerhtml　　//读取或设置标签元素内的所有内容；

/*灵活使用JS添加和使用行内索引值*/
/*无法对一个数组进行读取样式或进行设置样式、绑定事件的操作，一般需要使用循环*/

第三节：

typeof    //获取数据类型，包括：number、string、boolean、undefined、object、function六类；

parseInt()    //强制类型转换，将变量值转换为整数型；

parseFloat()    //强制类型转换，将变量值转换为浮点型；

NaN    //是一个number类型，但不等于任何数字（包括自身）；

%    //取模是一个很有用的算术运算符，可以完成诸如取单双数、数组无限循环等应用；

%=    //取得余数并将余数赋值给变量；

true    //包括true、非零数字、非空字符串、非空对象；

false    //包括false、undefined、数字零、空字符串、空对象；

/*强制类型转换又称显性类型转换，与之对应的叫自动类型转换，又称隐性类型转换；例如使用双等号（==）时，某一侧数据类型会与另一侧转换一致后比较，还有如减法计算等*/
/*关于Json对象：Json对象使用大括号（{}）包裹数据，使用key:value的方式保存数据，key值类似数组的下标，但它不具备length属性，遍历数据需要使用for in循环*/

第四节：

arguments    //称为不定参或可变参，是函数的默认传参，应用如利用其length属性判断参数个数进行不同操作；

obj.currentStyle[attr]    //操作元素目前最终的样式（行内外皆可），只适用于IE；

getComputedStyle(obj, pseudoClass)[attr]    //只读，获取元素的计算完成后的样式（行内外皆可），适用于Firefox和Chrome，参数中的伪类部分可以填写任意值；

arrObj.length    //数组的长度可以获取，也可以在定义好数组后修改，如果比初始时小，会丢弃多余长度对应的数据，此特性可以用来清空数组；

concat(arrX, arrX, ..., arrX)    //合并多个数组；

join(separator)    //使用指定字符串连接数组内数据并转换为字符串，默认为逗号（,）号；

push(newX)    //从尾部添加数据，并返回新的长度；

unshift(newX)    //从头部添加数据，并返回新的长度；

pop()    //删除并返回数组的末一个元素；

shift()    //删除并返回数组的第一个元素；
    
splice(index, howmany, item1, ..., itemX)    //参数为从某下标开始，删除几个，要插入的数据；可用此方法完成删除、添加及替换操作；

sort(sortby)    //对数组内数据排序，无参时按string类型排序，字母先大写后小写排列，数字也作为字符串排列，参数为sortNumber则按数字字面值大小升序排列；

sort(function(n1, n2) {    //使用比较函数让sort方法排序数字实际大小；
    return n1 - n2    //升序n1-n2，降序n2-n1；
});