web API

JavaScript与ECMAScript

ECMAScript是js语法和执行顺序的一个规范
ECMAScript是规范但不是编程语言

DOM

DOM概念
	全称
		document   Object   Model  (文档对象模型)
	作用
		通过js操作网页
	特点
		将整个网页封装成一个对象 (document)
获取标签	
	通过id获取任意的一个标签
		语法
			document.getElementById( '标签id')
				不需要加#
		返回值
			返回的就是一个具体的标签对象
	获取body标签
		语法
			document.body
		返回值
			返回当前body标签对象
	获取html标签
		语法
			document.documentElement
		返回值
			返回当前html标签对象
 操作图片标签属性
	获取图片标签src属性
		图片标签对象.src
	设置图片标签src属性
		图片标签对象.src = 图片路径
		图标标签对象.setAttribute('属性', 值 )
	注意层叠
		行内样式大于内部样式
操作普通标签内容(非表单标签)
	给标签设置内容
		标签对象.innerText = '值'
			特点
				设置内容的时候都是普通的文字,不会将html标签名渲染为html标签
		标签对象.innerHTML = '值'
			特点
				设置的内容中包含html标签名,则会将标签名渲染为html标签
	获取标签中的内容
		标签对象.innerText
			只能获取标签中的所有文本,不包含html标签
		标签对象.innerHTML
			如果遇到html标签,还可以将html标签获取到
将对象以键值对形式呈现
	console.dir(document)

时间对象

获取系统时间
	定义日期对象(时间对象)
		let  自定义变量名 = new  Date()
	通过日期对象获取年月日时分秒
		日期对象.getFullYear()
		日期对象.getMonth()
			注意: 月份是从0开始的
		日期对象.getDate()
		日期对象.getHours()
		日期对象.getMinutes()
		日期对象.getSeconds()
时间戳
	本质
		表示当前时间的一个毫秒数
			需要先把毫秒转化为秒
	毫秒数获取规则
		从1970年1月1日0点0分0秒到现在的毫秒
	如何通过js得到对应的时间戳
		1.  let  日期对象 = +new Date()
		2. 日期对象.getTime()
		3. Date.now()
			有兼容性
	时间戳运算
		秒换算为天 = parseInt(总秒数/ 60/60 /24)
		秒换算为时 = parseInt(总秒数/ 60/60 %24)
		秒换算为分 = parseInt(总秒数 /60 %60 )
		换算秒 = parseInt(总秒数%60)
	时间之间的换算进制
		1000毫秒1秒
		 1分钟 60秒
		1小时 60*60秒
		1天  3600 * 24

定时器函数

setInterval
clearInterval