1.本地存储sessionStorage会话存储

本地存储：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>