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>

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值