web API-day2 高阶函数 环境对象 DOM（事件）

定时器

应用场景
	网页中倒计时功能
特点
	隔一段时间执行一次
语法
	setInterval(函数, 时间间隔(毫秒))
返回值
	返回当前定时器的id
停止定时器
	clearInterval(定时器id)

函数的其他写法

高阶函数
	特点
		高阶函数本质上就是一个函数
		该函数的参数是函数
	举例
		定时器setInterval(函数, 1000)
		addEventListener('事件类型', 函数)
回调函数
	特点
		在高阶函数中,表示函数的参数叫回调函数
匿名函数
	特点
		函数没有名字
	举例
		对象中的方法就是一个匿名函数
命名函数
	特点
		有名字的函数
	子主题 2
		自定义的普通函数都是命名函数

事件

什么是事件
	在网页中表示用户的具体动作
事件三要素
	事件源
		用来执行代码的源头 (标签)
	 事件类型
		用户不同的动作   (click)
	处理程序
		本质上就是用来实现功能的一个函数
语法
	事件源.addEventListener('事件类型', function(){})

环境对象

this关键字
	在事件中this关键字代表的就是当前事件源对象
		谁调用， this 就是谁

获取元素

获取单个标签对象
	document.body
		返回当前body标签对象
	document.documentElement
		返回html标签对象
	document.getElementById('id')
		返回一个具体的标签对象
	document.querySelector('css的选择器')
		返回一个标签对象
获取多个标签对象
	document.getElementsByTagName('标签名')
		返回的结果是一个伪数组
			伪数组中每一个值是一个标签对象
	document.querySelectorAll('css选择器')
		返回的结果是一个伪数组
			伪数组中每一个值是一个标签对象
	注册事件
		先遍历伪数组
		给伪数组中每一个值注册事件

自定义属性

作用
	将数据以属性的形式保存到标签身上
分类
	标准自定义属性
		特点
			属性是以 data-开始
		操作
			获取
				标签对象.dataset.属性
					注意
						属性必须是dataset对象中有该属性
						属性前面不能加data-
			设置
				标签对象.dataset.自定义属性 = 值
					注意
						设置自定义属性的时候也不需要加 data-
	非标准自定义属性
		特点
			没有以data-开始
		操作
			获取
				标签对象.getAttribute('属性')
					注意
						可以获取任何的一种属性
			设置
				标签对象.setAttribute('属性', 值)
					注意
						可以设置任何的一种属性

操作标签样式

通过行内style属性操作样式
通过className操作标签样式
	通过className设置类样式
		语法
			标签对象.className = '类名  类名 ...'
	通过className移除类样式
		语法
			标签对象.className = ''
				移除所有类名

排他思想

干掉所有,留下自己
步骤
	通过循环的方式找到每一个要被干掉的元素
	在循环后面给当前元素设置独立的样式