NO.15 localStorage的使用
localStorage和sessionStorage
- window.localStorage - 存储没有截止日期的数据
- window.sessionStorage - 针对一个 session 来存储数据(当关闭浏览器标签页时数据会丢失)
什么是本地存储?
通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。本地存储经由起源地(origin)(经由域和协议)。所有页面,从起源地,能够存储和访问相同的数据。
Local Storage的优点:存储限制要大,并且信息不会被传输到服务器
如何使用
// 存储
localStorage.setItem("name", value);
// 取回
localStorage.getItem("name");
// 删除
localStorage.removeItem("name");
1
2
3
4
5
6
2
3
4
5
6
sessionStorage使用方式相同
字符串转对象:JSON.parse(name)
转化为json对象:JSON.stringify(name)
localStorage/sessionStorage默认只能存储字符串,而实际开发中,我们往往需要存储的数据多为对象类型所有就需要转化为json对象