sessionStorage和localStorage的区别

html5的本地存储是存储在客户端中,本地存储包括sessionStorage和localStorage。
 
区别一:生命周期
 
sessionStorage仅在当前会话下生效,当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。
 
localStorage生命周期是永久,储存的信息是永远不会消失的,除非你自己主动清除localStorage信息。
 
区别二:各自的使用方法
 
sessionStorage使用方法
 
1、第一个参数是保存的变量名,第二个是变量的值
 
sessionStorage.setItem('sname', 'session');
 
2、获取sessionStorage的数据
 
sessionStorage.getItem('sname');
 
3、删除某个sessionStorage的数据
 
sessionStorage.removeItem('sname');
 
4、清除所有保存的sessionStorage数据
 
sessionStorage.clear();
 
localStorage使用方法
 
1、第一个参数是保存的变量名,第二个是变量的值
 
localStorage.setItem('lname', 'local');
 
2、获取localStorage的数据
 
localStorage.getItem('lname');
 
3、删除某个localStorage的数据
 
localStorage.removeItem('lname');
 
4、清除所有保存的localStorage数据
 
localStorage.clear();
 
说了两个它们的区别,那你应该在想它们有没有共同点,共同点也是有的,共同点是它们的数据存储大小一般都在5mb。
posted @ 2022-05-27 16:17  翘中之楚  阅读(98)  评论(0编辑  收藏  举报