zoukankan      html  css  js  c++  java
  • sessionStorage、localStorage与cookie

    HTML5的WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储)。

    sessionStorage与localStorage区别:

    1.sessionStorage在浏览器关闭后自动销毁;而localStorage无期限,除非主动删除。

    2.sessionStorage由于上述特性,也就不能够在不同页面之间进行数据共享,同一域名也是不可以的;

    localStorage则能够实现该需求,但是仅限于同一域名下;

    两者的用法相似:

    // 保存或设置数据到sessionStorage
    sessionStorage.setItem('key','value')
        
    // 获取某个sessionStorage
    sessionStorage.getItem('key')
        
    // 从sessionStorage删除某个保存的数据
    sessionStorage.removeItem('key')
        
    // 从sessionStorage删除所有保存的数据
    sessionStorage.clear();
    // 保存或设置数据到localStorage
    localStorage.setItem('key','value')
        
    // 获取某个localStorage
    localStorage.getItem('key')
        
    // 从localStorage删除某个保存的数据
    localStorage.removeItem('key')
        
    // 从localStorage删除所有保存的数据
    localStorage.clear();

    sessionStorage、localStorage与cookie区别:

    1.cookie在浏览器和服务器端来回传递数据,这样无形中浪费了带宽。而localStorage和sessionStorage不会自动把数据发送给服务器,仅会保存在本地;

    2.存储大小限制不同,cookie数据不能超过4K,同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大;

    3.数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭之前有效;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie:只在设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭;

    4.作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localstorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的;

    5.web storage拥有setItem,getItem,removeItem,clear等方法,不像cookie需要前端开发者自己封装setCookie,getCookie。

  • 相关阅读:
    网站优化记录
    在pc游览器端模拟移动端幻灯片
    jquery消息提示框
    开发jquery tab 插件
    js检测是否安装了flash插件
    javaweb项目下解决360兼容模式不能下载文件问题
    简单的excel上传解析和错误反馈信息下载
    sqlserver带游标存储过程及调用函数
    oracle带游标存储过程编写
    简单的spring+dubbo提供和消费方
  • 原文地址:https://www.cnblogs.com/zard23/p/9131707.html
Copyright © 2011-2022 走看看