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

html5的本地存儲是存儲在客戶端中，本地存儲包括sessionStorage和localStorage。

區(qū)別一：生命周期

sessionStorage僅在當前會話下生效，當你關(guān)閉頁面或瀏覽器后你存儲的sessionStorage數(shù)據(jù)會被清除。

localStorage生命周期是永久，儲存的信息是永遠不會消失的，除非你自己主動清除localStorage信息。

區(qū)別二：各自的使用方法

sessionStorage使用方法

    1、第一個參數(shù)是保存的變量名，第二個是變量的值

    sessionStorage.setItem('sname', 'session');

    2、獲取sessionStorage的數(shù)據(jù)

    sessionStorage.getItem('sname');

    3、刪除某個sessionStorage的數(shù)據(jù)

    sessionStorage.removeItem('sname');

    4、清除所有保存的sessionStorage數(shù)據(jù)

    sessionStorage.clear();

localStorage使用方法

    1、第一個參數(shù)是保存的變量名，第二個是變量的值

    localStorage.setItem('lname', 'local');

    2、獲取localStorage的數(shù)據(jù)

    localStorage.getItem('lname');

    3、刪除某個localStorage的數(shù)據(jù)

    localStorage.removeItem('lname');

    4、清除所有保存的localStorage數(shù)據(jù)

    localStorage.clear();

說了兩個它們的區(qū)別，那你應(yīng)該在想它們有沒有共同點，共同點也是有的，共同點是它們的數(shù)據(jù)存儲大小一般都在5mb。

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