var name = localStorage.username; //查询一个存储的值 name = localStorage['username']; //等价于数组表示法 if(!name) { name = prompt('what is your name?'); localStorage.username = name; //存储一个值 } //遍历所有存储的key/value对 for(var key in localStrorage) { var value = localStorage[key]; }
localStorage和sessionStorage的区别在于存储的有效期和作用域的不同。
通过localStorage存储的数据是永久性的,除非Web应用可以删除存储的数据,或者用户通过设置浏览器配置来删除,否则数据将一直保留在用户的电脑上。
localStorage的作用域是限定在文档源(document origin)级别的,文档源是通过协议、主机名以及端口三者来确定的。
同源的文档共享同样的localStorage数据。
localStorage的作用域还受到浏览器供应商的限制,不同的浏览器之间不能共享localStorage数据。
sessionStorage的有效期和存储数据的脚本所在的最顶层的窗口或者是浏览器标签页是一样的。一旦窗口或者标签页呗永久关闭了,那么所有通过sessionStorage存储的数据也都被删除了。
与localStorage一样,sessionStorage的作用域也是限定在文档源中,因此非同源文档间都是无法共享sessionStorage的。
sessionStorage的作用域还被限定在窗口中,如果同源的文档渲染在不同的浏览器标签页中,那么它们之间拥有的是各自的sessionStorage数据,无法共享。
存储API
localStorage.setItem("x", 1);
localStorage.getItem("x");
//遍历所有存储的key/value对 for(var i = 0; i < localStorage.length; i++) { //length表示所有key/value对的总数 var name = localStorage.key(i); //获取第i对的名字 var value = localStorage.getItem(name); //获取该对的值 }
localStorage.removeItem("x") //删除“x"项
localStorage.clear() //清除全部
相关推荐
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...
角度存储Cookie,会话和本地存储的装饰器和服务该库添加了装饰器,使使用HTML5的localStorage和sessionStorage自动保存和恢复变量变得非常容易。 它还提供了Angular-Injectable Session-和LocalStorageService。包括...
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图,能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage(本地存储),可以长期存储数据,...
html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。webstrange又分为:localstorage,...
用于HTML5存储的类似于StorageDB MongoDB的API(localStorage和sessionStorage)注意:npm软件包名称为“ storagedb2”。具有类似MongoDB的API轻巧,只有3KB(最小化并压缩)没有dep StorageDB用于HTML5的类似于...
MonguitoDB 在localStorage,sessionStorage或任何实现W3C定义的对象上执行CRUD... 如果浏览器支持HTML5,则可以发送localStorage或sessionStorage。 发送null以使用默认机制将集合存储在内存中。 或者,您可以发送
ApiGitHup:使用AJAX技术,连接到GitHub API LocalStorage和sessionStorage:登录,注册和注销
Web存储缓存语言见WebStorageCache对HTML5 localStorage和sessionStorage进行了扩展,添加了超时时间,序列化方法。可以直接存储json对象,同时可以非常简单的进行超时时间的设置。优化: WebStorageCache自动清除...
浏览器本地缓存localStorage与sessionStorage的区别? 答:生命周期不同:前者一直存在浏览器,除非用户手动清除,后者生命周期结束于浏览器或者tab页 的关闭 canvas的常用api有哪些? getContext:返回一个指定...
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的...
localstorage在浏览器的API有两个:localStorage和sessionStorage,存在于window对象中:localStorage对应window.localStorage,...接下来通过本文给大家介绍html5的localstorage的相关资料,需要的朋友可以参考下
html5本地儲存localStorage,sessionStorage
2. sessionStorage会话存储,页面关闭数据就会丢失。 使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 localStorage.valueOf( )//获取全部值 ...
HTML5的本地存储:localStorage,sessionStorage及storage的监听器
对HTML5存储(localStorage和sessionStorage)进行封装提供类似MongoDB API