cookie、localStorage与sessionStorage都是客户端存储的解决方案。
1.localStorage与sessionStorage的共享性
对于不同的浏览器来说,不能共享localStorage或sessionStorage中的信息。
相同浏览器的不同窗口间可以共享相同localStorage,前提是页面属于相同的域名和端口。
不同的页面或标签无法共享sessionStorage的信息。
2.cookie
cookie的主要内容包括:名字、值、过期时间、路径和域。路径和玉一起构成cookie的作用范围。如果不设置过期时间,关闭浏览器cookie就会消失,这种称为回话cookie。
三者的区别
共同点:
三者都是保存在浏览器端,并且是同源的(URL协议、端口、主机名是相同的,只要有一个不同就是不同源)
不同点:
1.cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器之间来回传递,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有路径的概念,可以限制cookie只属于某个路径下。
2.存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据。session Storage和localStorage限制的大小为5M或更大。
3.数据有效期不同,sessionStorage仅仅在当前浏览器窗口关闭之前有效;localStorage始终有效,窗口或者浏览器关闭之后也一直保存,因此作用持久数据;cookie只在设置的有效时间之前有效,即使关闭窗口或浏览器。
4.web Storage支持事件通知机制,可以将数据更新的通知发送给监听者。
5.web Storage的api接口使用更方便。