美文网首页
Web 存储(localStorage和sessionStora

Web 存储(localStorage和sessionStora

作者: 花泽冒菜 | 来源:发表于2018-10-08 18:52 被阅读0次

    HTML5 Web存储为用户浏览网页数据提供了两种本地存储的方式localStorage和sessionStorage。
    Web 存储更佳安全与快速,取代了cookie进行本地存储。
    这些数据只用于用户请求网站数据,不会被保存在服务器上。
    存储限制一般在10M以内,不同浏览器略有差异,本地存储不影响网站的性能。

    localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
    sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

    sessionStorage和localStorage只能存字符串,针对对象需要存储storage的话可以序列化一下达到效果:

    通用API(以下localStorage和sessionStorage可互换)

    添加 / 保存:
    localStorage.keyName = 'value';
    localStorage.setItem('keyName', 'value');

    访问:
    localStorage.keyName;
    localStorage.getItem('keyName');

    删除:
    localStorage.removeItem('keyName');

    清空:
    localStorage.clear();

    使用key()方法获得某个位置的keyName:
    localStorage.key(index);

    相关文章

      网友评论

          本文标题:Web 存储(localStorage和sessionStora

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