今天濟南建站小編就來說一下html5本地儲存的那些事。

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。

以上就是小編對sessionStorage和localStorage的區別理解。