js本地缓存-localStorage、sessionStorage

1.localStorage

持久化的本地储存，除非主动删除数据，否则数据是永远不会过期的。关闭页面仍然存在此数据

localStorage.setItem('username','zhangsan');//设置缓存数据，(key,value)
localStorage.getItem('username')//取得名称为username的值即zhangsan
localStorage.removeItem('username')//移除名称为username的这一条数据
localStorage.clear()//清空缓存中的全部数据

2.sessionStorage

短时存储，当关闭浏览器窗口，数据会被删除。关闭页面数据销毁

sessionStorage.setItem('username','lisi');//设置缓存数据，存入值lisi到username中
sessionStorage.getItem('username');//获取username对应的值lisi
sessionStorage.removeItem('username');//删除名称为username的这一条数据
sessionStorage.clear();//清空缓存中的所有记录

js本地缓存-localStorage、sessionStorage相关推荐

php缓存数据到本地缓存,本地缓存localStorage的使用方法
本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法. 在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置.传递数据 ...
删除本地缓存localStorage定义的字段 - 代码篇
localStorage :操作篇重要代码: localStorage.removeItem("字段名") //移除localStorage 某个对应的字段 localStora ...
本地储存 localstorage sessionstorage 的兼容性，API，特点
在开发中发现cookie储存会在http请求头中,大大影响了数据请求交互. 现在h5中提供了新的解决方式(API) 存储方式: 1.本地储存 localstorage & sessionsto ...
js本地缓存的三种方式
目录为什么要本地缓存? 1.cookie cookie特点: cookie的注意项: cookie设置 cookie清除 2.localStorage和sessionStorage 设置getIte ...
浏览器缓存 HTTP缓存-CDN缓存-localstorage/sessionstorage/cookie
文章目录浏览器缓存面试题概述 HTTP缓存 -提高二次请求响应速度 HTTP的缓存控制,如何设置缓存策略 CDN缓存 -提高首次请求资源的响应速度 CDN的核心功能 CDN的基本原理 local ...
谷歌浏览器怎么清除浏览器缓存以及本地缓存localstorage。
清除浏览器缓存很容易首先点击右上角的小点打开设置选项,进入后找到打开清除浏览记录点进去,如下图: 然后把三个都勾上,清除数据,再打开你需要查看的网页就可以了,就不会存在历史缓存和记录了. 清除本地缓存 ...
h5新增浏览器本地缓存localStorage
h5新增属性学习笔记(非原创) html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(se ...
移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题
2019独角兽企业重金招聘Python工程师标准>>> 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能 ...
html5本地缓存LocalStorage
HTML5 LocalStorage 本地存储 HTML5 LocalStorage 本地存储说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cooki ...

js本地缓存-localStorage、sessionStorage

js本地缓存-localStorage、sessionStorage相关推荐

最新文章

热门文章