博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
sessionStorage和localStorage的使用
阅读量:6924 次
发布时间:2019-06-27

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

hot3.png

sessionStorage和localStorage都是前端浏览器端用于缓存数据的,

 

sessionStorage:会话级别缓存,是H5的新增的一个会话存储对象,用于临时保存同一标签页的数据,当关闭浏览器或标签页时,数据就会被删除。

浏览器最低版本:IE8、chrome5

常用方法:

sessionStorage.length:返回存储对象的数量;
sessionStorage.getItem(key):获得指定key的对应的值;
sessionStorage.set(key,value):添加或更新指定key的值;
sessionStorage.removeItem(key):删除指定key的值;
sessionStorage.clear():清空对象中所有数据。

 

localStorage:本地级别存储,永久性存储,只要不人为去清除都会存在,同一网站共享。也是H5新增的存储对象

浏览器支持:IE8、chrome4,firefox3、opera10.5

常用方法:

判断浏览器是否支持:

if(!window.localStorage){            alert("浏览器不支持localstorage");            return false;        }

localStorage.setItem(key,value):添加或更新

localStorage.getItem(key):获得
localStorage.removeItem(key):删除
localStorage.clear():清空

 

需要注意:这俩对象存储的key和value都为String类型,即使value存储其他类型的值,获得时都会返回字符串。

转载于:https://my.oschina.net/kevin2kelly/blog/2353478

你可能感兴趣的文章
shutdown命令用法
查看>>
Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性
查看>>
vim快速指南
查看>>
Strlcpy和strlcat——一致的、安全的字符串拷贝和串接函数【转】
查看>>
同态加密-Homomorphic encryption
查看>>
【C语言入门教程】2.4 浮点型数据
查看>>
【Shiro】Apache Shiro架构之自定义realm
查看>>
[nRF51822] 10、基础实验代码解析大全 · 实验15 - RTC
查看>>
Arc Engine 中添加气泡提示框
查看>>
瀑布式开发和敏捷开发区别
查看>>
如何使用NUnit
查看>>
AOS – 另外一个独特的页面滚动动画库(CSS3)
查看>>
springmvc 中将MultipartFile转为file,springboot 注入CommonsMultipartResolver
查看>>
(总结)Nginx配置文件nginx.conf中文详解
查看>>
oracle之时间转换
查看>>
meta 标签大全
查看>>
网页中显示pdf
查看>>
【转】linux ar 命令的使用说明那个和例子
查看>>
db link的查看创建与删除
查看>>
Dubbo系列(3)_官方Demo说明
查看>>