HTML5 Web Storage概述

时间:2023-03-10 05:17:07
HTML5 Web Storage概述

Web Storage

html5新增功能

可以在客户端本地保存数据

之前是使用Cookies在客户端保存注入用户名等简单用户信息,但永久数据存在几个问题

  • 大小:cookies大小被限制在4KB
  • 带宽:随着http事务一起被发送,会浪费一部分宽带
  • 复杂性:操作困难

Web Storage分两种

sessionStorage:将数据保存在session对象中。session是指用户在浏览某个网站时,从进入网站到关闭浏览器所经过的这段时间。Session在用户进入网站时由服务器自动产生,并在用户正常离开站点时释放。

 // 保存数据的方法 key value
sessionStorage.setItem("message", str); // 读取数据
var msg = sessionStorage.getItem("message");

localStorage:将数据保存在客户端本地的硬件设备中,即使数浏览器被关闭,数据仍存在