本地存储:sessionStorage
```javascript
在这里插入代码片// sessionStorage:js中提供了这个对象专门操作Session Storage
console.log(sessionStorage)
存储数据:sessionStorage.setItem(‘名字’,‘值’)
// 1. 存储数据:sessionStorage.setItem('名字','值')
sessionStorage.setItem('name', '张三')
sessionStorage.setItem('age', 19)
取出数据:sessionStorage.getItem(‘名字’)
// 2. 取出数据:sessionStorage.getItem('名字')
document.body.innerHTML += sessionStorage.getItem('name')
注意:如果拿的东西不存在会怎么样
// 如果拿的东西不存在会怎么样?拿到null
document.body.innerHTML += sessionStorage.getItem('gun')
删除数据:sessionStorage.removeItem(‘名字’)
// 3. 删除数据:sessionStorage.removeItem('名字')
sessionStorage.removeItem('name')
清除数据:sessionStorage.clear()
// 4. 清除数据:sessionStorage.clear()
sessionStorage.clear()
sessionStorage的特点:
// sessionStorage的特点
只有自己的页面当前打开存的数据,自己能看到(其他页面,自己页面新开,都看不到)
数据要求要安全:存到sessionStorage中(页面关闭就会丢失:保证数据的安全,不会被其他地方乱访问)
**本地存储都只能存储字符串数据(数字可以自动转),复杂数据类型(数组、对象)需要手动转成json格式**
let obj = { name: '张三', age: 19 }
// sessionStorage.setItem('obj', obj) // [object Object] 数据类型(转换后的),数据丢失了
sessionStorage.setItem('obj', JSON.stringify(obj))
案例:
```javascript
<script>
// 添加数据 :sessionStorage.setItem()
sessionStorage.setItem('name', '盖伦')
sessionStorage.setItem('age', 30)
sessionStorage.setItem('epithet', '德玛西亚之力')
// 取出数据:
document.body.innerHTML += sessionStorage.getItem('name')
// 删除数据:
sessionStorage.removeItem('name')
// 清除数据:
// sessionStorage.clear()
</script>