sessionStorage,localStorage,Cookie的概述和区别
sessionStorage:
用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之清除。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
localStorage:
用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
以上两者仅在客户端(即浏览器)存储,不参与服务器通信。
cookie:
存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案例就是判断注册用户是否已经登陆过该网站。
区别:
1.cookie支持的数据内容小,8k左右。localStorage目前能支持到10M。
2.cookie不能跨域访问,作为http请求的一部分,无意中增加宽带。localStorage,客户端存储。
3.cookie需要前端开发者自己封装setCookie,getCookie.而webStorage拥有setItem, getItem, removeItem, clear等方法。
应用:
使用sessiongStorage存储方法
sessionStorage[key]=value //保存一个数据
sessionStorage.setItem(key,value); //保存一个数据
var v = sessionStorage[key] //读取一个数据
var v = sessionStorage.getItem(key);//读取一个数据
sessionStorage.removeItem(key); //删除一个数据
sessionStorage.clear(); //清除所有数据
sessionStorage.length; //数据数量
sessionStorage.key(i); //获取第i个key
使用localStorage存储方法
localStorage[key]=value //保存一个数据
localStorage.setItem(key,value); //保存一个数据
var v = localStorage [key] //读取一个数据
var v = localStorage.getItem(key);//读取一个数据
localStorage.removeItem(key); //删除一个数据
localStorage.clear(); //清除所有数据
localStorage.length; //数据数量
localStorage.key(i); //获取第i个key