今天给大家介绍一下关于sessionStorage和localStorage基本操作方法介绍，其中包括写入、获取、删除、清空能功能。
sessionStorage的用法
// setItem方法，存储变量名为key，值为value的变量
sessionStorage.setItem("key","value");
// getItem方法，读取存储变量名为key的值
var valueSession = sessionStorage.getItem("key");
// removeItem方法，删除变量名为key的存储变量
sessionStorage.removeItem('key');
// clear方法，清除所有保存数据
sessionStorage.clear();
localStorage的用法
// 存储变量名为key，值为value的变量
localStorage.setItem("key","value");
// 同setItem方法，存储数据
localStorage.key = "value"
// 读取存储变量名为key的值
var valueLocal = localStorage.getItem("key");
// 同getItem，读取数据
var valueLocal = localStorage.key;
// removeItem方法，删除变量名为key的存储变量
localStorage.removeItem('key');
// clear方法，清除所有保存的数据
localStorage.clear();
// 利用length属性和key方法，遍历所有的数据
for(var i = 0; i < localStorage.length; i++){
console.log(localStorage.key(i));
}
// 存储 localStorage 数据为 Json 格式
value = JSON.stringify(jsonValue);
localStorage.setItem("key", value);
// 读取 localStorage 中 Json 格式数据
var value = localStorage.getItem("key");
jsonValue = JSON.parse(value);
标签： localStorage, sessionStorage, 浏览器存储
上面是“sessionStorage和localStorage基本操作方法介绍”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。
当前网址：https://m.ipkd.cn/webs_2291.html
声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
