sessionStorage

• 生命周期为浏览器窗口关闭
• 以键值对方式存储

方法	说明
sessionStorage.setItem(key,value)	存储数据
sessionStorage.getItem(key)	获取数据
sessionStorage.removeItem(key)	删除数据
sessionStorage.celar()	删除所有数据

var addEventListener('click',function(){
    var val = ipt.value;
    sessionStorage.setItem('uname',val);
})

localStorage

• 生命周期永久有效，除非手动删除
• 以键值对方式存储

方法	说明
localStorage.setItem(key,value)	存储数据
localStorage.getItem(key)	获取数据
localStorage.removeItem(key)	删除数据
localStorage.celar()	删除所有数据

使用方法和 sessionStorage 一致

记住密码案例