html5 sessionStorage和localStorage的区别

今天济南建站小编就来说一下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的区别理解。