WebStorage是什么？
WebStorage
使⽤HTML5可以在本地存储⽤户的浏览数据。早些时候，本地存储使⽤的是 cookie。但是Web 存储需要更加的安全与快速，这些数据不会被保存在服务器上，但是这些数据只⽤于⽤户请求⽹站数据上。它也可以存储⼤量的数据，⽽不影响⽹站的性能。数据以键/值对存在, web⽹页的数据只允许该⽹页访问使⽤。
Web Storage的⽬的是为了克服由cookie带来的⼀些限制，当数据需要被严格控制在客户端上时，⽆须持续地将数据发回服务器。Web Storage的两个主要⽬标是：
提供⼀种在cookie之外存储会话数据的途径。
提供⼀种存储⼤量可以跨会话存在的数据的机制。
Web Storage⼜分为两种： sessionStorage 和localStorage ，即这两个是Storage的⼀个实例。从字⾯意思就可以很清楚的看出
来，sessionStorage将数据保存在session中，浏览器关闭也就没了；⽽localStorage则⼀直将数据保存在客户端本地。其API提供的⽅法有以下⼏种：
localStorage操作：
localStorage ⽤于在浏览器端持久化保存键值对数据
特点:
⼤⼩限制：5M(chrome) 更⼤数据可以使⽤浏览器本地数据库（indexDB 或 webSql）
受同源访问限制，不允许跨越访问
在浏览器隐私模式下⽆法使⽤
因为在本地保存，不会发送数据，⽹络爬⾍⽆法获取
只能存放字符串
基本语法：
|⽅法名 |作⽤ |
sessionstorage和localstorage
| ---- | ---- | ---- |
|localStorange.setItem('key', 'value') |存放键值对数据 |
|Item('key') |根据key查询value值，没有则返回null |
|veItem('key') |根据key删除对应键值对 |
|localStorange.clear() |清空所有键值对数据 |

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。