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在用户关闭浏览器窗口后,数据会被删除。

转载于:https://www.cnblogs.com/cherryshuang/p/8545681.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStoragesessionStoragecookie都是在Web开发中用于在浏览器端存储数据的机制。 localStorage是一种持久化存储机制,数据会一直保存在浏览器中,直到被显式清除或通过代码删除。存储localStorage中的数据可以跨会话和页面保持不变,即使浏览器关闭和重新打开也不会丢失。localStorage只能通过JavaScript访问,它提供了setItem、getItem和removeItem等方法来操作存储的数据。 sessionStorage也是一种存储数据的机制,但与localStorage不同的是,存储sessionStorage中的数据仅在当前会话(当前标签页或窗口)中有效。当会话结束(标签页或窗口关闭)时,存储sessionStorage中的数据就会被清除。sessionStorage的使用方法和localStorage相似,也是通过setItem、getItem和removeItem等方法来操作数据。 cookie是一种在浏览器和服务器之间传递的小型文本文件,用于存储会话相关的信息。与localStoragesessionStorage不同,cookie的数据会随着每个HTTP请求发送到服务器端,并且可以设置过期时间。由于cookie会在每个请求中传输,所以存储cookie中的数据大小有限制(通常为几KB)。可以使用JavaScript或服务器端语言来设置和读取cookie。 总结:localStoragesessionStorage主要用于在浏览器端持久化存储数据,而cookie主要用于在浏览器和服务器之间传递会话相关的信息。具体使用哪种机制取决于实际需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值