首页 > 其他 > 详细

H5 - 本地储存 localStorage 与 sessionStorage

时间:2020-04-23 17:01:05      阅读:53      评论:0      收藏:0      [点我收藏+]

Storage

web存储使用localStorage和sessionStorage

localStorage -- 永久存储,需要手动删除,否则一直存在
sessionStorage -- 临时储存,关闭浏览器时自动清除
key/val 的形式储存数据

 

localStorage 

1. 创建 使用 localStorage.setItem("key",val)

localStorage.setItem("name","Sanyekyi");

 

2. 读取 使用 localStorage.getItem("key")

let name = localStorage.getItem("name"); 
console.log(name); // Sanyekyi

 

3. 删除 移除某一个 key 使用 localStorage.removeItem("key");

localStorage.removeItem("name");

 

4.清空localStorage 

localStorage.clear();

 

sessionStorage

1.创建 使用 sessionStorage.setItem("key",val)

sessionStorage.setItem("name","Sanyekyi");

 

2.读取 使用 sessionStorage.getItem("key")

let name = sessionStorage.getItem("name"); 
console.log(name); // Sanyekyi

 

3.删除 移除某一个 key 使用 sessionStorage.removeItem("key");

sessionStorage.removeItem("name");

 

4.清空sessionStorage 

sessionStorage.clear();

 

查看 storage 

控制台 > Application > Storage

技术分享图片

 

H5 - 本地储存 localStorage 与 sessionStorage

原文:https://www.cnblogs.com/sanyekui/p/12761862.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!