课堂笔记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方法