首页 > 代码库 > 巩固复习 - JavaScript

巩固复习 - JavaScript

第一节:

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;
});

 

巩固复习 - JavaScript