1.sessionStorage
属性允许你访问一个 session Storage
对象。它与 localStorage
相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面会初始化一个新的会话,这点和 session cookies 的运行方式不同。
应该注意的是,无论是 localStorage 还是 sessionStorage 中保存的数据都仅限于该页面的协议
// 保存数据到sessionStorage
sessionStorage.setItem('key', 'value');
// 从sessionStorage获取数据
var data = sessionStorage.getItem('key');
// 从sessionStorage删除保存的数据
sessionStorage.removeItem('key');
// 从sessionStorage删除所有保存的数据
sessionStorage.clear();
2.
localStorage
只读的localStorage
允许你访问一个Document
的远端(origin)对象 Storage
;数据存储为跨浏览器会话。 localStorage
类似于sessionStorage。
区别在于,数据存储在 localStorage
是无期限的,而当页面会话结束——也就是说当页面被关闭时,数据存储在sessionStorage
会被清除 。
应注意无论数据存储在 localStorage
还是 sessionStorage
,它们都特定于页面的协议。
下面的代码片段访问当前域名下的本地 Storage
对象,并增加了一个数据项通过使用Storage.setItem()
。
localStorage.setItem('myCat', 'Tom');
该语法用于读取 localStorage 项,如下:
var cat = localStorage.getItem("myCat");
该语法用于移除 localStorage 项,如下:
localStorage.removeItem("myCat");
// 从localStorage删除所有保存的数据
localStorage
.
clear
(
)
;