cookie,sessionStorage,localStorage的区别

网上讲这方面的很多,自己总结了几点:

1、相同点:数据都保存在浏览器,同源共享。即相同的域下可以修改读取。

2、不同点

     大小数量: IE6或更低版本最多20个cookie,IE7+可以有50个。 cookie大小4KB左右,超过部分会被截掉。sessionStoage,localStoage大小可达5M。

     传输:每次请求cookie都会发送到服务器,然后回传给浏览器,sessionStoage,localStoage不会自动发送到服务器端。

   有效性:cookie可以设置path路径,限制只属于某个路径。在过期时间之前都有效,即使窗口和浏览器关闭。sesesionStorage当前窗口有效,关闭窗口自动失效。localStorage始终有效,即使窗口和浏览器关闭。

    作用域:cookie在同源页面中共享,sessionStorage只能在当前页有效,localStorage在所有同源页面中共享。

    操作方法:Cookie的修改读取方法需自己实现,sessionStorag,localStorage提供了get,set方法。    


注:cookie是不可以或缺的,cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生。

你可能感兴趣的:(Javascript,Web前端,缓存,cookie,storage,HTML5)