关于浏览器本地存储

一、含义

通过浏览器对数据进行本地存储

二、cookies

浏览器查看：f12——Application——storage——cookies
1、特点

• 只能通过服务器访问
• 存储数量20条左右
• 存储事件默认为session时间，session会话控制（浏览器开启关闭时间）

2、设置cookie

document.cookie=“name=value”；存字符串

3、获取cookie

document.cookie:得到所有的存储信息，以；隔开，通过字符拆分成数组split()

4、修改已经存储的数据

重新覆盖
document.cookie=“name=111”;
document.cookie=“name=aaa”；

5、修改存储时间

document.cookie=“name=value，expires=时间”；
例如设置一年：
var data=new Date();
data.setFullYear=(data.getFullYear()+1);
如何删除时间只能让存储时间过期

ps:只能获取同一个文件的存储信息
封装调用cookie

Local Storage

1、设置

window.localStorage.setItem(key,value)
window.localStorage.setItem(‘user’,‘pI’)

2、适用范围，同一个IP都可以查看，本地和服务器访问都可以

3、存储数量大约5M

4、如何获取

window.localStorage.getItem('user):得到value

5、存储时间：一旦存储，永远存在

6、删除存储

window.localStorage.removeItem(‘user’)

7、清空

window.localStorage.clear()

8、将对象换成字符串

JSON.stringify(参数)
参数：需要转换的字符串，字符串变对象

9、将字符串换成对象

JSON.parse(参数)
参数：需要转换的对象，字符串变字符串

三、sessionStorage:只能存session时间，其他与localStorage使用