html5 sessionStorage和localStorage的区别

今天济南建站小编就来说一下html5本地储存的那些事。

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。

济南建站html5

以上就是小编对sessionStorage和localStorage的区别理解。

返回列表

相关文章

相关案例