H5web storage和cookie的区别与联系

联系

都是在客户端存储数据

区别

从长度角度来说：对于不同浏览器，每个domain最少可以有20条cookie，每条cookie最多不超过4kb；

                             webStorage虽然也有存储大小的限制，但是比cookie大得多，可以达到5M或更大

 

	IE6.0	IE7.0/8.0	Opera	FireFox	Safari	Chrome
cookie个数	每个域为20个	每个域为50个	每个域为30个	每个域为50个	没有个数限制	每个域为53个
cookie大小	4095个字节	4095个字节	4096个字节	4097个字节	4097个字节	4097个字节

从安全角度来说：cookie不安全，webstorage更安全；

从有效期角度来说：

                                 sessionStorage：仅在当前的浏览器窗口关闭之前有效； 

                                 localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；

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

从作用域角度来讲：

                                 sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面；

                                 localStorage：在所有同源窗口都是共享的；

                                cookie：也是在所有同源窗口中共享的