localStorage 和 sessionStorage 及其用法 对象属性操作方式

sessionStorage

存在当前会话，但是并不是浏览器关闭。当前页面的sessionStorage在新建一个相同页面时，这个sessionStorage是不存在的。
它传递的条件是页面间的跳转，要通过超链接或者location.href或者window.open来打开另一个同域页面才能访问到这个sessionStorage。

localStorage

支持跨域隔离的最大5M的存储对象，满了报错。

用法

是不是用烂了这两个方法：

localStorage.getItem('lastname') //读取
localStorage.setItem("lastname", "Smith"); //写入

sessionStorage.getItem('lastname') //读取
sessionStorage.setItem("lastname", "Smith"); //写入

但是你不知道的是，sessionStorage 和 localStorage 其实就是两个对象，他们可以直接以成员的方式操作

以成员的方式操作

localStorage.lastname = 'Smith';
// 获取
localStorage.lastname ; // Smith
// 删除
delete localStorage.lastname ;
// 清除全部
localStorage.clear();

// 遍历localStorage
for (let i = 0; i < localStorage.length; i++) {
    ...
}