js存储 cookie,localStorage,sessionStorage的比较

1.cookie

cookie原本是用来客户端与服务器端通信的,因其有存储的功能,所以被用来存储。

cookie存储的缺点:

  • 大小有限制,最大只能存储4kb.
  • 因为http请求时,会携带cookie,所以当cookie太大时,会影响效率。
  • js对cookie的原生api很简单,通过document.cookie=...来获取和修改cookie,且获取的值是一个字符串,需要通过封装才能用。

 

2.localStorage和sessionStorage

  • localStorage和sessionStorage是h5专为客户端存储的新方法。
  • localStorage对存储的内容没有时间限制。
  • localStorage最大可存储5MB。
  • localStorage使用起来简单,可以直接把它当成对象来添加属性,也可以通过localStorage.getItem()和localStorage.setItem()获取和存储数据。
  • sessionStorage和localStorage的用法一样。但是,sessionStorage在用户关闭浏览器窗口后,数据会被删除。
posted @ 2018-03-11 20:33  shuangcherry  阅读(737)  评论(0编辑  收藏  举报