美文网首页css
【HTML】本地存储webStorage

【HTML】本地存储webStorage

作者: level | 来源:发表于2018-12-05 17:37 被阅读0次
    sessionStorage

    当会话结束后,存储的数据会清除,比如关闭窗口、浏览器

    localStorage

    持久数据永久存储,除非手动清除。

    sessionStorage、localStorage都有以下常用方法分别是:

    setItem(key, value)添加数据;
    getItem(key)获取key的数据;
    key(n)获取第n个数据的key值;
    leight获取数据长度
    removeItem(key)删除key的数据;
    clear()清除数据。

    为什么要使用webStorage?

    在未引入webStorage之前,都是使用cookie;
    1、cookie存储数据大小不能超过4k,对于日益健壮的web来说显然是不够的,而webStorage存储大小为5M或更大,不同浏览器可能存在差异;
    2、cookie数据通过http请求在客户端和服务器间传递,每次请求都会携带传递,使用webStorage存储,http请求不会携带webStorage存储内容传递给服务器,避免浪费带宽;
    3、数据存储周期不同,cookie的存储周期一般在过期时间前有效,即便窗口、浏览器关闭;
    4、作用域不同,localStorage、cookie都是同源浏览器窗口、标签页中共享,sessionStorage不能在不同浏览器窗口、标签页中共享;
    5、webStorage支持事件通知,当数据发生改变后可以通知事件监听者。

    相关文章

      网友评论

        本文标题:【HTML】本地存储webStorage

        本文链接:https://www.haomeiwen.com/subject/ipuycqtx.html