• HTML5存储


    在客户端存储数据

    HTML5 提供了两种在客户端存储数据的新方法:

    • localStorage - 没有时间限制的数据存储
    • sessionStorage - 针对一个 session 的数据存储

    之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

    在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

    对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。

    简单存储与cookie的区别

    1. 存储量大

    ①web存储比cookie存储量更大,在数据量上可以达到5M,而cookie最多也就4KB,或者20个key/value对。

    2. 安全性高

    ①cookie在向后台发送每一个http请求的时候都会出现在http头部,而html5的本地存储则不会,某种程度上讲是节约了一定的带宽,缩短了请求、响应的时间

    localStorage :
    localStorage /sessionStorage都有相同的Api 如
    ①localStorage.length 获得storage中的个数
    ②localStorage .key(n) 获得storage中第n个键值对的键
    ③localStorage.key = value
    ④localStorage.setItem(key, value) 添加
    ⑤localStorage.getItem(key)获取
    ⑥localStorage.removeItem(key) 移除
    ⑦localStorage.clear() 清除

  • 相关阅读:
    JavaScript-----7.循环
    3. CSS新特性之动画
    JavaScript-----6.流程控制:分支
    JavaScript-----5.运算符
    JavaScript-----4.数据类型
    2. CSS新特性之2D转换transform
    JavaScript-----3.变量
    JavaScript-----2初识
    JavaScript---1.计算机的编程基础
    品优购学习心得
  • 原文地址:https://www.cnblogs.com/blesstian/p/6489384.html
Copyright © 2020-2023  润新知