简介:
WebStorage提供了更强大的客户端存储功能,这样我们可以离线下载网页,存储更重量级的数据到客户端,减少服务器传输等,这些都是可以替代cookie的理由。Web Storage实际上由两部分组成:sessionStorage与localStorage。sessionStorage用于存储一个会话中的数据,随着网页的关闭数据也会销毁;localStorage用于长久的保存数据,除非手动删除,否则不会过期。
浏览器支持情况:
优点:
与Cookie相比,Web Storage存在不少的优势,概括为以下几点:1. 存储空间更大:IE8下每个独立的存储空间为10M,其他浏览器实现略有不同,但都比Cookie要大很多。2. 存储内容不会发送到服务器:当设置了Cookie后,Cookie的内容会随着请求一并发送的服务器,这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地,不会与服务器发生任何交互。3. 更多丰富易用的接口:Web Storage提供了一套更为丰富的接口,使得数据操作更为简便。4. 独立的存储空间:每个域(包括子域)有独立的存储空间,各个存储空间是完全独立的,因此不会造成数据混乱。
localStorage的用法
localStorage. length:返回现在已经存储的变量数目。localStorage. key(n):返回第n个变量的键值(key)。localStorage.getItem(k):和localStorage.k一样,取得键值为k的变量的值。localStorage.setItem(k , v):和localStorage.k = v一样,设置键值k的变量值。localStorage.removeItem(k):删除键值为k的变量。localStorage.clear():清空所有变量。
localStorage.setItem("key1","value111");
localStorage.key2= "values22";
localStorage.getItem("key1");
localStorage.clear();
localStorage的实例
分享到:
相关推荐
HTML5的本地存储:localStorage,sessionStorage及storage的监听器
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此...
我深感性能优化实在是前端知识树中特别的一环——当你需要学习前端框架时,文档和源码几乎可以告诉你所有问题的答案,当你需要学习 Git 时,你也可以找到放之四海皆准的实践方案。但性能优化却不一样,它好像只能是...
主要为大家详细介绍了HTML5本地存储之Web Storage的相关资料,Web Storage如何用JSON存储多个数据,感兴趣的小伙伴们可以参考一下
yux-storage 是一个基于 HTML5 封装的 Web 本地数据离线存储库。 特点 使用类似 , 无需考虑 IndexedDB 的复杂概念,上手无压力。 支持回调和 两种方式,各凭所愿。 无任何依赖,非常轻量,100 行左右的源码,压缩后...
主要介绍了详解H5本地储存Web Storage的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
在上一篇《HTML5本地存储之Web Storage篇》中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是SQLLite这种...
HTML5中很重要的技能之一就是:HTML5本地存储,今天就来说说这个技术,以及和其它存储方案的比较。
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB,感兴趣的朋友可以了解下
NULL 博文链接:https://yuruei2000.iteye.com/blog/1489088
Storage.js是一个基于HTML5 Web本地存储的扩展解决方案,虽然IE早期不支持本地存储(localStorage),但是可以通过userData来实现更多的本地数据存储。由于cookie本身的不可替代性,Storage.js也添加了对cookie的封装...
本地存储本地存储和事件委托
html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。webstrange又分为:localstorage,...
此服务允许您创建会话或本地存储,但如果不支持,则将使用 cookie 安装 bower install dt-angular-storage bower install angular-cookies 文档 在包含 Angular 本身之后,在index.html包含angular-cookies.js和...
使用Webstorage HTML5和Jquery保存所有数据输入字段 这个怎么运作: 将jquery添加到您的项目。 将saveIt.js javascript添加到您的项目中。 将类“ saveIt”分配给您希望浏览器记住的每个输入字段。 给该输入字段...
兼容个浏览器的本地存储,支持html5的使用storage,不支持的使用userData
Storage.js 是一个 jQuery 插件用于简化 HTML5 编辑,使用 HTML5 中的可编辑内容属性和本地存储,让你直接在浏览器上编辑内容并将编辑的内容临时保存于本地。就算浏览器重启也内容也不会丢失。 标签:...