Web APIs学习笔记-5

1.Window对象

 

window对象是一个全局对象，也可以说是JavaScript中的顶级对象

像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。

所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法

window对象下的属性和方法调用的时候可以省略window

2延迟触发函数

setTimeout(函数,等待的时间)  等待结束过后执行一次函数

清除延迟函数 clearTimeout(延迟函数名称)  一般在递归中会使用

3.js执行机制

js中的执行任务分为同步任务和异步任务

先执行执行栈中的同步任务。

异步任务放入任务队列中。

一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待 状态，进入执行栈，开始执行。

由于主线程不断的重复获得任务、执行任务、再获取任务、再执行，所以这种机制被称为事件循环 event loop 。

4.window中location对象

location 的数据类型是对象，它拆分并保存了 URL 地址的各个组成部分

常用属性和方法：

href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转

search 属性获取地址中携带的参数，符号 ？后面部分

hash 属性获取地址中的啥希值，符号 # 后面部分

reload 方法用来刷新当前页面，传入参数 true 时表示强制刷

5.navigator对象

navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息

6.navigator对象

navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息

navigator.back() 后退功能  跳转到上一个浏览的页面

navigator.forward() 前进功能 跳转到下一个浏览的页面

navigator.go(数字) 前进后退功能 1表示前进1个页面  -2表示后退2个页面

7.本地存储

把数据存储在用户浏览器中   设置、读取方便、甚至页面刷新不丢失数据

localStorage.setItem(key, value)存储数据

localStorage.getItem(key)获取数据

localStorage.removeItem(key)删除数据 

类似于哈希表的存储  保证页面刷新数据不丢失 触发用户手动删除数据

sessionStorage和locaStorage使用方法一致  但是声明周期为关闭浏览器  也就是说 关闭浏览器之后保存的用户数据就会被删掉

本地存储只能存string类型的数据

如果要存复杂类型的数据  需要转换为string类型

const str = JSON.stringify(复杂数据类型)  转化为string类型

JSON.parse(str(JSON字符串))  把JSON字符串换回原来的复杂数据类型