博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5 Web Storage(localStorage(),sessionStorage())
阅读量:5238 次
发布时间:2019-06-14

本文共 751 字,大约阅读时间需要 2 分钟。

Web Storage包括了两种存储方式:sessionStorage和localStorage

sessionStorage 是会话级别的存储,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。

localStorage 是持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

Web Storage与cookie异同

  1. cookie 支持的数据内容小,8k左右。localStorage目前能支持到10M
  2. 每次请求一个新的页面的时候Cookie都会被发送过去,浪费了带宽
  3. cookie 需要指定作用域,不可以跨域调用
  4. Web Storage 拥有setItem,getItem,removeItem,clear等方法,cookie 需要前端开发者自己封装setCookie,getCookie方法。

localStorage浏览器支持情况

1 

localStorage和sessionStorage操作

  • localStorage.setItem(key,value)    // 设置键值对
  • localStorage.getItem(key)      // 通过键值读取对应的值
  • localStorage.removeItem(key)    // 通过键值移除对应的值
  • localStorage.clear()        // 初始化localStorage,清除所有键值对
  • localStorage.key(index)     // 通过下标index来获取指定索引的key名

其他操作方法:点操作和[ ]

1 

相关:IE专属存储 UserData.

转载于:https://www.cnblogs.com/hzj680539/p/5061961.html

你可能感兴趣的文章
并查集 || [USACO18JAN]MooTube || BZOJ 5188 || Luogu P4185
查看>>
8. vue常用组件
查看>>
使用webstorm搭建vue-cli项目
查看>>
vue-cli项目下引入vant组件
查看>>
浅谈IDEA集成SSM框架(SpringMVC+Spring+MyBatis)
查看>>
JS实现数组去重的方法
查看>>
javascript中数组常用的方法和属性
查看>>
Apex 中 DML 进阶知识小结
查看>>
Apex 的 API 简介
查看>>
Salesforce 自定义元数据类型
查看>>
从网络服务生成Apex类
查看>>
Apex API 请求
查看>>
Java基础教程:Java内存区域
查看>>
SpringSecurity:深入浅出(1)
查看>>
Java分布式:分布式事务
查看>>
Java基础教程:多线程杂谈——Volatile
查看>>
SpringBoot学习笔记:Swagger实现文档管理
查看>>
Java基础教程:多线程杂谈——双重检查锁与Volatile
查看>>
微服务实践:服务运维
查看>>
SpringCloud学习笔记:服务支撑组件
查看>>