cookie localStorage sessionStorage三者之间的区别和使用方法

jiabinleo

于 2021-06-29 11:06:05 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

文章标签： cookie session js

本文链接：https://blog.csdn.net/weixin_38242636/article/details/118329162

本文详细介绍了cookie、localStorage和sessionStorage三种本地存储技术的区别与使用方法。包括它们的存储容量、生命周期及如何设置与获取存储值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cookie、localStorage和sessionStorage都是本地存储。
cookie可以在浏览器和服务器之间来回传递，存储容量只有4KB,默认是关闭浏览器就消失，可设置失效时间。
localStorage是H5标准中新增的技术，只会在本地保存，除非被清除，否则永久保存，存储容量大小一般为5M。
sessionStorage是只会在本地保存，但关闭浏览器后数据就会消失，存储容量大小一般为5M。

使用方法：

//设置cookie值
function setCookie(name,value,time){
  var d = new Date();
  d.setTime(d.getTime()+(time*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = name+ "=" + value+ "; " + expires;
}

//获取cookie的值
function getCookie(name){
  var newName = name+ "=";
  var arr = document.cookie.split(';');
  for(var i=0; i<arr.length; i++) 
  {
    var item = arr[i].trim();
    if (item.indexOf(newName)==0) return item.substring(newName.length,item.length);
  }
  return "";
}