本周主要学习了数组、字符串、Math、Date、BOM和DOM。
数组:主要学习了数组的创建方式(两种),数组的操作。数组的操作主要有:
新增的es5数组方法有:
Array.isArray(a):返回一个布尔值,表示参数是否为数组;
Map:将数组的所有成员依次传入参数函数,然后把每一次的执行结果组成一个新数组返回;
forEach:与map方法很相似,但是,forEach方法不返回值,只用来操作数据;
Filter:用于过滤数组成员,满足条件的成员组成一个新数组返回。
Reduce:依次处理数组的每个成员,最终累计为一个值,即累加;
indexOf方法返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1;
lastIndexOf方法返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1。
字符串:主要学习了字符串的创建方式和方法,和数组类似,方法有:
Math:Math的难度不大,需要记忆的方法不少,常用的方法为:
Date:Date的方法不难,只是需要记忆和练习,常用的有:
还有定时器需要去多练习:
BOM:BOM学习了BOM的概念和一些对象,window对象、location对象、history对象。location对象常用属性:href设置或返回完整的 URL、search设置或返回从问号 (?) 开始的 URL(查询部分)、assign() 加载新的文档、reload()重新加载当前文档、replace()用新的文档替换当前文档;window常用对象:open、close、alert、onload;history常用对象: history.back()、 history.forward()、history.go();注意区分定时器和延时器的区别:定时器是每隔一定时间就会执行一次程序,而延时器是经过一段时间开始执行程序,只执行一次;当不需要定时器或者延时器的时候一定要记得清楚。
DOM:学习了DOM的基本操作(增删改查),查询方法:document.getElementById、document.getElementsByClassName、document.getElementsByTagName、document.querySelector、document.querySelectorAll;创建:document.createElement、oDiv.appendChild(newDiv);把newDiv添加到oDiv内部的最后面、Element.innerHTML属性返回一个字符串;修改:box.replaceChild(newNode,oldNode);删除:el.remove()。DOM的属性节点:Element.className,className属性用来读写当前元素节点的class属性。它的值是一个字符串,每个class之间用空格分割,但是es5中有新的方法可以使用,比className属性更加方便,添加类:box.classList.add(‘bb’);删除类:box.classList.remove(‘bb’);判断是否包含某个类:console.log(box.classList.contains(‘cc’)),返回值是true或者false;切换类名,如果存在就删除,如果不存在就添加:box.classList.toggle(‘cc’);Element.style每个元素节点都有style用来读写该元素的行内样式信息,不过,连词号需要变成骆驼拼写法。Element.style返回的只是行内样式,不是全部样式并不能获取外部样式表,元素的全部样式要通过window.getComputedStyle()得到。除了获取已有的样式,还可以获取、设置和删除自定义的属性和属性值:Element.getAttribute方法接受一个字符串作为参数,返回同名属性的值。如果没有该属性,则返回null。Element.setAttribute方法用于为当前节点设置属性。如果属性已经存在,将更新属性值,否则将添加该属性。该方法没有返回值。Element.removeAttribute方法移除指定属性。该方法没有返回值。Element.children属性返回一个类似数组的对象(HTMLCollection实例),包括当前元素节点的所有子元素。如果当前元素没有子元素,则返回的对象包含零个成员。Element.offsetHeight属性返回一个整数,表示元素的 CSS 垂直高度(单位像素),包括元素本身的高度、padding 和 border;Element.offsetWidth属性表示元素的 CSS 水平宽度(单位像素),其他都与Element.offsetHeight一致。这两个属性都是只读属性;Element.offsetParent属性返回最靠近当前元素的、并且 CSS 的position属性不等于static的上层元素。Element.offsetLeft返回当前元素左上角相对于Element.offsetParent节点的水平位移,Element.offsetTop返回垂直位移,单位为像素。通常,这两个值是指相对于父节点的位移。
js(二)
最新推荐文章于 2024-08-29 09:47:43 发布