本地存储
一 基础概念
1)本地存储特性
//1 数据存储在用户浏览器中
//2 设置 读取方便 甚至页面刷新不丢失数据
//3 只能存储字符串
2)分类
//1 window.sessionStorage 会话存储 //2 window.localStorage 本地存储
3)两者的区别
//1 生命周期不同
sessionStorage 页面关闭数据就不存在了
localStorage 永久有效 除非手动删除
//2 页面共享权限不一样
sessionStorage 只能在当前页面看到
localStorage 整个浏览器任何页面都可以共享
二 window.sessionStorage
1)特性
//1 生命周期为关闭浏览器窗口
//2 在同一个窗口(页面)下数据可以共享
//3 以键值对的形式存储使用 最大存储5兆
2)方法
sessionStorage.setItem('键名',值); //1 存储数据 sessionStorage.getItem('键名'); //2 获取数据 sessionStroage.removeItem('键名'); //3 删除数据 sessionStroage.clear(); //4 删除全部数据
二 window.localStorage
1)特性
//1 生命周期永久有效 除非手动删除 关闭页面也存在
//2 多窗口共享(同一浏览器可以共享)
//3 键值对的形式存储 最大存储20兆
2)方法
localStorage.setItem('键名','值'); //1 存储数据 localStorage.getItem('键名'); //2 获取数据 localStorage.removeItem('键名'); //3 单个删除 localStorage.clear(); //4 全部删除
三 浏览器查看