cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别

本来用于客户端和服务端通信，

但是因为它有本地存储的功能，于是被“借用”了。

使用方法

document.cookie 获取和修改即可

缺点

存储量太少，只有4kb

所有http请求都带着，会影响获取资源的效率。

API简单，需要封装才能使用。

localStorage和sessionStorage

HTML5专门为存储而设计，最大容量5M。

localStorage的数据，只要不删除，永远存在。

sessionStorage的数据，只要关闭当前窗口页，便会删除。

使用方法

localStorage.setItem(key,value) 设置

sessionStorage.setItem(key,value) 设置

localStorage.getItem(key) 获取

sessionStorage.getItem(key)

localStorage.removeItem(key) 删除

sessionStorage.removeItem(key)

localStorage.clear() 清空

sessionStorage.clear()

区别总结

容量

是否会携带到ajax中

API易用性

原文：https://www.cnblogs.com/dqiii/p/13168833.html

cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别相关推荐

HTML5 Web 存储（localStorage和sessionStorage）
localStorage生命周期是永久,除非主动清除localStorage信息,否则这些信息将永远存在.存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信. // ...
JS cookie与web存储（localStorage与sessionStorage）
cookie <script>document.cookie = 'a=1'console.log(document.cookie) // style=null; a=1 </scr ...
cookie localStorage sessionStorage _(¦3」∠)_ 看完你居然就懂了！！！
知识点 cookie sessionStorage localStorage cookie 本身用于浏览器和server通讯被 "借用" 到本地存储可用 document.co ...
HTML5 本地存储
HTML5 本地存储 1.sessionStorage 2.localStorage 3.Database Storage 4.globalStorage 5.兼容性参考文献本地持久化存储一直是本 ...
HTML5本地存储使用详解
HTML5本地存储使用详解前言随着Web应用的发展,需要在用户本地浏览器上存储更多的应用数据,传统的cookie存储的方案已经不能满足发展的需求,而使用服务器端存储的方案则是一种无奈的选择.HTM ...
彻底搞懂Html5本地存储技术（一）
一.H5之前客户端本地存储的实现 1. cookies cookies的应用比较广泛,但有以下几个问题: (1)每次http请求头上会带着,浪费资源 (2)每个域名客户端只能存储4K大小 (3)会造成 ...
HTMl5的存储方式sessionStorage和localStorage详解
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有 ...
浏览器本地存储Cookie、LocalStorage、SessionStorage
文章目录浏览器本地存储浏览器本地存储浏览器本地存储方式 (1)Cookie Cookie 是最早被提出来的本地存储方式,在此之前,服务端是无法判断网络中的两个请求是否是同一用户发起的,为解决这个 ...
HTML5本地存储localStorage，sessionStorage
HTML5新特性,用于本地存储, localStorage:不删除会一直存在斯基 sessionStorage:浏览器关掉,就跪了 /*** H5:数据存储方式,可以携带用户信息id* * 注意:* ...

cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别

cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别相关推荐

最新文章

热门文章