Web Storage和cookie的区别——每日一题20190629

时间:2023-04-09 09:39:38

Web Storage?

使用HTML5可以在本地存储用户的浏览数据。

使用的主要目的是为了克服Cookie带来的一些限制,当数据需要被严格控制在客户端上时,无需持续的将数据发回服务器

主要目标:

  1.提供一种在Cookie之外存储会话数据的途径

  2.提供一种存储大量可以跨会话存在的数据的机制

Web Storage 分为两种:SessionStorage和localStorage

  SessionStorage将数据存在session中,当整个浏览器关闭的时候数据就没了(页面刷新时不会消除数据,只有在当前页面打开的链接,才能访问SessionStorage的数据,使用window.open和改变localtion.href方式都可以获取到sessionStorage内容的数据)

  localStorage则一直将数据保存在客户端本地,不会让数据消失,除非主动地去删除数据

Web Storage和cookie的区别

一、储存空间不同

1.Web Storage能提供5M的存储空间(不同浏览器不同),Cookie提供4K的空间

2.Web Storage每个域(包括子域)都有独立的存储空间,每个存储空间是完全独立的,因此不会造成数据混淆

二、与服务端交互

1.Web Storage中数据仅仅是本地存储,不会与服务器发生任何交互

2.Cookie的内容会随着请求一并发送到服务器(每请求一个新的页面时,Cookie都会被发送过去,无形中造成宽带浪费)

三、接口

1.Web Storage提供了许多丰富易用的接口,拥有setItem,removeItemgetItem,clear,key等方法,操作数据更简单

2.Cookie需要自己封装setCookie,getCookie等