localStorage和sessionStorage区别

时间 2019-11-13

标签 localstorage sessionstorage 区别栏目网站开发繁體版

原文原文链接

一·概述html

html5中的Web Storage包括了两种存储方式：c。前端

localStorage和sessionStorage同样都是用来存储客户端临时信息的对象。html5

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问
而且当会话结束后数据也随之销毁。所以sessionStorage不是一种持久化的本地存储，仅、是会话级别的存储。只容许同一窗口访问。

session

而localStorage用于持久化的本地存储，除非主动删除数据，不然数据是永远不会过时的。同源能够读取并修改localStorage数据。spa

而且他们储存的对象类型均为字符串类型；3d

 1 //setItem储存value
 2     localStorage.setItem("name","大蛇丸");
 3     localStorage.setItem("job","大前端");
 4     
 5     //getItem获取value
 6     var name = localStorage.getItem('name');
 7     var job = localStorage.getItem('job');
 8     console.log('姓名:' + name);
 9     console.log('职业:' + job);
10     
11     //removeIt删除key
12     localStorage.removeItem('name');
13     var name = localStorage.getItem('name');
14     var job = localStorage.getItem('job');
15     console.log('姓名:' + name);
16     console.log('职业:' + job);
17     
18     //clear清除全部的key/value
19     localStorage.clear();
20     localStorage.removeItem('name');
21     var name = localStorage.getItem('name');
22     var job = localStorage.getItem('job');
23     console.log('姓名:' + name);
24     console.log('职业:' + job);

sessionStorage 、localStorage和cookei的区别：code