HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?

html5中的Web Storage 包括了两种存储方式: sessionStorage  和  localStorage.

  seessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一个持久化的本地储存,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的;

  cookie是网站为了表示用户身份而储存在用户本地终端上的数据(通常经过加密).

  区别:

  1. cookie 数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器键来回传递。而sessionStorage  和  localStorage 不会自动把数据发给服务器,进在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。

  2. 存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage 和 localStorage  虽然也有存储大小的限制,但比cookie大的多,可以达到5M或更大。

  3. 数据有效期不同,sessionStorage: 仅在当前浏览器窗口关闭前有效,自然不可能持久保持;localStorage:始终有效,窗口浏览器关闭也一直保存,因此用作持久数据:cookie 只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

  4. 作用域不同,sessionStorage 不在不同的浏览器窗口中共享,即使是同一个页面;localStorage  在所有同源窗口中都是共享的;cookie也是在所有同源窗口都是共享的。

 

转载于:https://www.cnblogs.com/tong-yao/p/10372794.html

你可能感兴趣的:(HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?)