zoukankan      html  css  js  c++  java
  • localStorage和sessionStorage用法总结及其区别


    html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。


    sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问
    并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。只允许同一窗口访问。

    而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。同源可以读取并修改localStorage数据。

    <!DOCTYPE html>
    <html lang="en">
    <head>
    </head>
    <body>
    <script>
        //setItem存储value
        localStorage.setItem("name", "徐同保");
        localStorage.setItem("job", "web前端");
    
        //getItem获取value
        var name = localStorage.getItem('name');
        var job = localStorage.getItem('job');
        console.log('姓名:' + name);
        console.log('职业:' + job);
    
        //removeItem删除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);
    </script>
    </body>
    </html>


    浏览器支持情况:



    chrome查看方式



  • 相关阅读:
    JS 禁止刷新和右键
    报错 避免重复
    CSS 总结
    CSS BUG 总结
    安装 mrtg
    人人网 网站接入总结
    PHPcms 把盛大登陆换成人人网登陆
    HTML 相同name 传递一个数组
    file_get_contents无法请求https连接的解决方法
    现货黄金白银上阻力位和压力位的确定和应用
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924974.html
Copyright © 2011-2022 走看看