localStorage作为HTML5的Web Storage的两种存储方式之一。
- 用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
- 优点:容量大,易用,原生支持
- 缺点:兼容性问题(IE8以下的版本不支持) | 安全性也差,不适用于保存敏感的数据。
1、判断是否支持localStorage
if(window.localStorage){ //支持 }else{ //不支持 } //或者下面这个 if(typeof window.localStorage == 'undefined'){ //不支持 }
2、接口
- localStorage.getItem(key) ------------获取指定key的本地存储的值
- localStorage.setItem(key,value) -----------将value存储到key字段中
- localStorage.removeItem(key) ------------删除指定key的本地存储的值
注意:
- localStorage存储的值都是字符串类型,如果你要存储json数据,需要转换一下。
- localStorage可以存储多达5M的字符串。会存到一个sqlite的文件中。
- localStorage在不同的浏览器中存在不一致的返回值等。
i. 使用数字索引或者数字字符串索引在FF下赋值没问题,但是获取值方式报错。
localStorage[1] = 'zhangyaochun'
localStorage['1'] = 'fe'
ii. 调用不存在的索引时候FF返回的是Null其他浏览器都是undefined
兼容性:
相关推荐
store.js:本地存储localstorage的封装,提供简单的API,没有依赖
支持设置过期时间的本地存储localstorage
提供get,set,del方法,快捷在本地存储数据,所有浏览器通用(不支持localstorage的,使用cookie保存)
html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。webstrange又分为:localstorage,...
html 5 localStorage本地存储
一个本地存储工具,通过相同的api去支持localStorage和sessionStorage
一、什么是localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为...2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cook
Vue2.0 V1.0的增删改查功 全选单选与取消全选选项, 使用了localStorage本地存储数据和watch深度监听数据选项变化。TodoList完善版。 用于学习的小Demo. TodoList 传值学习,父传子 子传孙 子传父 传值等学习,全选...
1. localStorage是本地存储,存储期限不限; 2. sessionStorage会话存储,页面关闭数据就会丢失。 使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 ...
此文档主要是通过html5实现本地存储的,欢迎大家下载
store本地存储实现,优先本地存储localStorage,如果浏览器不支持,优雅降级为cookie
主要介绍了JS实现本地存储信息的方法,基于localStorage与userData实现本地存储的功能,需要的朋友可以参考下
cookie,localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同,今天小编通过本文给大家分享jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法,需要的朋友参考下吧
利用localStorage创建空间数据库,使localStorage也能像数据库一样使用
我们在做页面时会用到本地存储的时候,今天说说localStorage本地存储。 1、localStorage.name=老王; //第一种设置存储本地数据的方法localStorage 2、localStorage.setItem(color,red); //第二种设置存储本地数据...
HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储
本课程详细的介绍了本地化存储之cookie、localstorage的详细用法。由渡一高级讲师---陈学辉老师进行详细讲解。欢迎大家使用。注:需要下载ev播放器进行播放
本地存储(localStorage && sessionStorage) 离线缓存(application cache) indexedDB 和 webSQL 2、localStorage && sessionStorage 过期时间:localStorage 永久存储,永不失效除非手动删除 ...
主要介绍了JS+HTML5本地存储Localstorage实现注册登录及验证功能,结合实例形式分析了基于JS+HTML5本地存储Localstorage实现注册登录及验证相关操作技巧,需要的朋友可以参考下