javaScript有三种数据存储方式,分别是:
- sessionStorage
- localStorage
- cookier
1. sessionStorage
- sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除;
- setItem(key,value) 设置数据
- getItem(key) 获取数据
- removeItem(key) 移除数据
- clear() 清除所有值
<script> // 添加数据 sessionStorage.setItem("name","李四") sessionStorage.setItem("age",18) // 获取数据 console.log(window.sessionStorage.getItem("name")) // 李四 // 清除某个数据 sessionStorage.removeItem("gender") // 清空所有数据 sessionStorage.clear() </script>
2. localStorage
- localStorage 是 HTML5 标准中新加入的技术,用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除;
- localStorage和sessionStorage最大一般为5MB,仅在客户端(即浏览器)中保存,不参与和服务器的通信;
- setItem(key,value) 设置数据
- getItem(key) 获取数据
- removeItem(key) 移除数据
- clear() 清除所有值
<script> // 添加数据 localStorage.setItem("name","张三") localStorage.setItem("age",20) localStorage.setItem("gender","男") // 获取数据 console.log(window.localStorage.getItem("name")) // 张三 // 清除某个数据 localStorage.removeItem("gender") // 清空所有数据 localStorage.clear() </script>