sessionStorage和localStorage区别和使用

sessionstorage(会话存储)

• 生命周期：浏览器打开到关闭的过程
• 大小：5M
• 保存的位置：浏览器端
• 储存数据：setItem( " key " , value)
• 获取数据：getItem( " key " )
• 删除数据：removeItem( " key " )

// 存储数据
sessionStorage.setItem("name", "程序小小黑");
// 获取数据
sessionStorage.getItem("name");
// 删除数据
sessionStorage.removeItem("name");
// 删除所有数据
sessionStorage.clear();

localStorage(永久存储)

• 生命周期:永久，只能人为删除
• 大小:5M甚至更大
• 保存的位置:浏览器端
• setItem( "key " , valde)
• getItem( " key " )
• removeitem( " key " )

// 存储数据
localStorage.setItem("name", "程序小小黑");
// 获取数据
localStorage.getItem("name");
// 删除数据
localStorage.removeItem("name");

不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。