一、sessionStorage
会话窗口的存储,只要不关闭当前会话窗口信息就不会丢失,刷新或修改数据信息也不会丢失。
使用
sessionStorage.setItem(“data”); //取数据
sessionStorage.getItem(“data”,**); //存数
sessionStorage.remove(“data”); //删除数据
二、localStorage
如果不主动去删除这个信息 会一直将数据存放在客户端,即使关闭浏览器。
使用与sessionStorage相同
三、cookie
可约定信息存放时间,不设置时间浏览器关闭会自动删除
存储大小比sessionStroage和localStorage多
使用
-存cookie,userName名 = ***数据 字符串的形式存进去
Document.cookie = “userName=***”
设置时间
Document.cookie = “userName=***; expires=sun,31 dec 2022 11:00:00 UTC; path=/”
-获取
Document.cookie 获取的是当前域名下的全部的cookie
- 删除
给这个数据设置一个过去的时间即可
Document.cookie = “userName=; expires=sun,31 dec 2022 11:00:00 UTC; path=/”