zoukankan      html  css  js  c++  java
  • localStorage,sessionStorage,cookie使用场景和区别

    localStorage:HTML5新增的在浏览器端存储数据的方法。设置和获取localStorage的方法:

    设置: localStorage.name = 'zjj';

    获取: localStorage.name //zjj

    sessionStorage: HTML5新增的在浏览器端存储数据的方法,设置和获取sessionStorage的方法:

    设置: sessionStorage.name = 'zjj';

    获取: sessionStorage.name //zjj

    cookie:浏览器和服务器端都可以设置cookie,传统的用来存储数据的方法。

    设置和获取方法见:http://www.cnblogs.com/zmj-blog/p/7119413.html

    三者的关系和使用场景

    关系:

    1.cookie在浏览器和服务器端来回传递数据,而localStorage和sessionStorage不会自动把数据发送给服务器,仅会保存在本地。cookie会在浏览器请求头或者ajax请求头中发送cookie内容。

    2.cookie可以设置过期日期,sessionStorage是会话级的数据,浏览器窗口关闭即清楚,localStorage是永久性的数据,一旦赋值,不管多长时间这值都是存在的,除非手动清除。

    3.cookie的存储大小受限制,一般不超过4k,而localStorage和sessionStorage的存储大小一般不超过5M,大大提高了存储的体积。

    4.sessionStorage不跨窗口,在另外一个窗口打开sessionStorage就不存在了,它只在当前窗口有效,而cookie和localStorage都是跨窗口的,即使浏览器的窗口关闭,这两个值还是存在的。

    使用场景:

    localStorage可以用来统计页面访问次数。

    sessionStorage可以用来统计当前页面元素的点击次数。

    cookie一般存储用户名密码相关信息,一般使用escape转义编码后存储。

  • 相关阅读:
    python错误信息 object is not subscriptable 的原因
    python join函数
    string的部分总结
    第k个非立方数(忘记哪里的题了)
    pandas 学习
    数学建模中 时间序列典型分解模型 matlab实现
    matlab三维画图学习 三次插值
    原型
    JavaScript
    js数组去重(多种写法)
  • 原文地址:https://www.cnblogs.com/zmj-blog/p/7120282.html
Copyright © 2011-2022 走看看