WebAPIs对象

时间日期对象

1、获取对象

1）new Date(): 当前时间对象；
2）new Date('年-月-日时:分:秒'): 指定时间(字符串格式)；
3）new Date(时间戳)
4）时间戳：
获取当前时间的时间戳：
+new Date()
new Date().getTime()
Date.now()
获取目标时间的时间戳（目标时间格式为：年-月-日时:分:秒）：
+new Date(目标时间)
new Date(目标时间).getTime()

2、使用常用的方法

1）new Date().getFullYear(): 年
2）new Date().getMonth(): 月, 从0开始, 使用需要+1
3）new Date().getDate(): 日
4）new Date().getHours(): 时
5）new Date().getMinutes(): 分
6）new Date().getSeconds(): 秒

3、剩余时间倒计时

1）先上定时器；
2）拿到目标(未来结束时间) 时间戳；
3）减去当前时间时间戳；
4）除以1000: 还原秒数(取整)；
5）转换成时分秒(必要时候要算天)
天: 取整(时间戳 / 3600 / 24) ；
小时: 取整(时间戳 / 3600) % 24；
分钟: 取整(时间戳 / 60) % 60；
秒: 时间戳 % 60。

事件对象

1、概念: 系统记录用户操作行为的对象；
2、获取事件对象: 事件回调函数中增加一个形参（event、ev、e）；
3、常用属性
1）相对元素偏移: e.offsetX && e.offsetY；
2）相对body便宜: e.pageX && e.pageY；
3）按键信息: e.key；键盘事件：keydown(较多)，keyup。

window对象

1、window对象是一个全局对象，也可以说是JavaScript中的顶级对象；
2、像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的；
3、所有通过var、let定义在全局作用域中的变量、函数都会变成window对象的属性和方法；
4、window对象下的属性和方法调用的时候可以省略window。

location对象

主要负责网页的地址栏。
语法：
1、location.href：跳转页面；
2、location.reload()：刷新页面；location.reload(true)：强制刷新页面；
3、locaction.search:?后面的内容;
4、locaction.hash：#后面的内容；

navigator对象

主要用来获取浏览器的信息
navigator.userAgent 在这个字段里面判断是否有Mobile字段. 如果有表示是手机,反之则表示PC

image.png

histroy对象

管理历史记录
1、history.forward()：下个页面；
2、history.back()：上个页面；
3、history.go(值)：值为空或0，刷新页面；值为1，下一页面，值为-1，上一页面；

本地存储

作用: 可以将数据永久存储在本地(用户的电脑), 除非手动删除
语法：
1、存：localStorage.setItem('键', '值')；
2、取：localStorage.getItem('键')；
3、删：localStorage.removeItem('键')；

本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

转换成JSON字符串的语法
1、将复杂数据转换成JSON字符串：JSON.stringify(复杂数据类型)；
2、将JSON字符串转换成对象：JSON.parse(JSON字符串)；