HTML5中的本地存储

151 阅读1分钟

Html5提供了三种不同的存储方式:

1、document.cookie;2、window.sessionStorage;3、window.localStorage

cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅本地保存。

三个不同存储方式的不同点:

1、存储大小限制不同, cookie携带的数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage,约5M,localStorage,约20M。

2、数据有效期不同,

sessionStorage:仅在当前浏览器窗口关闭前有效。

localStorage:始终有效,窗口或浏览器关闭也一直保存。

cookie:只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

3、作用域不同,

sessionStorage:不在不同的浏览器窗口中共享,即使是同一个页面。

localStorage、cookie:在所有同源浏览器窗口中都是共享的。