localStorage和sessionStorage區別

一·概述

html5中的Web Storage包括了兩種存儲方式：c。

localStorage和sessionStorage同樣都是用來存儲客戶端臨時信息的對象。

sessionStorage用於本地存儲一個會話（session）中的數據，這些數據只有在同一個會話中的頁面才能訪問
而且當會話結束後數據也隨之銷燬。所以sessionStorage不是一種持久化的本地存儲，僅、是會話級別的存儲。只容許同一窗口訪問。

而localStorage用於持久化的本地存儲，除非主動刪除數據，不然數據是永遠不會過時的。同源能夠讀取並修改localStorage數據。

而且他們儲存的對象類型均爲字符串類型；

 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的區別：