localStorage和sessionStorage區別

一·概述

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

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

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

而localStorage用於持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的。同源可以讀取並修改localStorage數據。

並且他們儲存的對象類型均為字符串類型；

//setItem儲存value
    localStorage.setItem("name","大蛇丸");
    localStorage.setItem("job","大前端");
    
    //getItem獲取value
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('姓名:' + name);
    console.log('職業:' + job);
    
    //removeIt刪除key
    localStorage.removeItem('name');
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('姓名:' + name);
    console.log('職業:' + job);
    
    //clear清除所有的key/value
    localStorage.clear();
    localStorage.removeItem('name');
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('姓名:' + name);
    console.log('職業:' + job);

sessionStorage 、localStorage和cookei的區別：

　　

 

*****************轉摘：https://www.cnblogs.com/8023-CHD/p/10944760.html