课堂笔记13（课程回顾 知识重新梳理 JS）

*表达式可单独出现在代码中，但无意义。

*通过Object.keys(obj)获取所有属性数组

例：var a = {

name:"tom";

age:"18";

}

console.log(Object.keys(a));         输出：["name","age"]

跳出循环关键字 break continue

break直接跳出循环，执行循环的下一条语句

continue里面的语句不会执行，但程序继续执行循环，不会跳出执行循环的下一条语句

typeof确定当前的变量是什么数据类型

数组本质上是一种对象

字符串是一个或多个排在一起的字符，用单引号或双引号包裹

函数的声明

function命令  function 函数名 （参数）

*清空一个数组的有效方法 设置length为0

一般用for或while循环遍历数组  因为通过for…in遍历数组时，会把非数字键的属性也遍历出来，所以最好不要使用for…in遍历数组 

取反运算符：！

且：&&

或||

DOM

作用是将网页转化为一个js对象，从而用js脚本进行各种操作 （比如增删元素等）

父节点：parentNode

子节点：childNodes

同级节点：sibling

查找相关属性 

Element.querySelector（）该方法接收CSS选择器作为参数，返回父元素第一个匹配的子元素

Element.querySelectorAll（）该方法接收CSS选择器作为参数，返回一个Nodelist对象，包含所有匹配的子元素

属性操作的标准方法 

getAttribute（）

setAttribute（）

操作CSS样式最简单的方法就是使用网页元素节点的getAttribute、setAttribute、removeAttribute方法直接读写或者删除网页元素的style属性

事件模型

事件是一种异步编程的实现方式 。本质上程序 各个组成部分之间的通信。DOM支持大量的事件

addEventListener：绑定事件的监听函数 

dispatchEvent ：触发事件

监听函数

监听函数是事件发生时，程序所要执行的函数，它是事件驱动编程模式的主要编程方式 

1、HTML标签的on属性（HTML语言允许在元素标签的属性中，直接定义某些事件的监听代码）

2、Element节点对象有事件属性，可以指定监听函数

3、addEventListener方法