相同
localStorage 和 sessionStorage都是HTML5 专门为存储来设计的,最大可存 5M,而cookie的大小只有4Kb左右。
API 简单易用,通常以键/值对形式的字符串进行存储 ;
其API提供的方法有以下几种:
length属性,表示当前storage对象中存储的键/值对的数量;Storage对象是同源的,length属性只能反映同源的键/值对数量。
key方法,获取指定位置的键。
getItem方法,根据键返回相应的数据值。
setItem方法,将数据存入指定键对应的位置。
removeItem方法,从存储对象中移除指定的键/值对。
clear方法,清除Storage对象中所有的数据,如Storage对象是空的,则不执行任何操作。
不会随着 http 请求被发送到服务端。
区别
它们的区别主要在于生命周期的不同:
localStorage的生命周期是永久性的,数据会永久存储,即使关闭浏览器,也不会让数据消失,除非代码删除或手动删除。
sessionStorage的生命周期是在浏览器关闭前, 数据只存在于当前会话,浏览器关闭则清空。