h5新的储存机制

发布: 2016-06-30 20:20:18标签: 前端开发

html4时候:cookies
cookies存储只有4kb;
利用http来进行传输,受带宽影响很大
正确设置cookies时间很麻烦的事情

h5引入了web storage存储机制 —— sessionStorage/localStorage(5M):两种存储机制 localStorage:永久存储,只要不销毁就一直存在; sessionStorage:临时储存,时效是当开打窗口到窗口关闭

localstorage基础操作

 localStorage.setItem(key,value)//存入信息
 localStorage.getItem(key)  // localStorage.key:获取value值
 localStorage.key(index):// 获取key值
 localStorage.length:// 获取长度
 localStorage.removeItem(key)// 根据key值进行删除
 localStorage.clear()//清空所有

jquery-cookie简单语法

 //创建cookie
 $.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
 //读取cookie
 $.cookie('the_cookie');
 //删除cookie
 $.cookie('the_cookie', null);
 $.removeCookie('',{})