sessionStorage, localStorage

说sessionStorage, localStorage 之前,需要了解 Web Storage 。

Web Storage 是HTML5 中的规范,用于存储请求相关的数据,类似cookie;相比于cookie,Web Storage容量更大,且完全存储在客户端上,不会在请求时发回服务器。

Web Storage有两种定义:sessionStorage 和 localStorage 

如果你想要操作一个域名的会话存储,可以使用 Window.sessionStorage;如果想要操作一个域名的本地存储,可以使用 window.localStorage

Storage 的属性和方法:

Storage.length: 只读,返回一个整数,表示存储在 Storage 对象中的数据项数量。

Storage.key(index):该方法接受一个数值 n 作为参数,并返回存储中的第 n 个键名。

Storage.getItem(keyName):该方法接受一个键名作为参数,返回键名对应的值

Storage.setItem(keyName, keyValue):该方法接受一个键名和值作为参数,将会把键值对添加到存储中,如果键名存在,则更新其对应的值。

storage.removeItem(keyName):该方法接受一个键名作为参数,并把该键名从存储中删除。

Storage.clear():调用该方法会清空存储中的所有键名。

 

localStorage 一个可被用于访问当前源( origin )的本地存储空间的 Storage 对象,localStorage 里面存储的数据没有过期时间设置,

存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面时会在顶级浏览上下文中初始化一个新的会话。

posted @ 2019-07-22 14:21  zhanglw  阅读(103)  评论(0)    收藏  举报