*表达式可单独出现在代码中,但无意义。
*通过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方法