localStorage 存储后关闭浏览器不会进行清除,数据公用
sessionStorage 关闭浏览器会自动清除,数据不公用
以上两者使用方式一样 存储大小都是5m
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
localStorage.getItem("key");//获取名称为“key”的值
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
引入JQ以及 cookie 大小4kb
存cookie
1.$.cookie('cookieName', 'cookieValue'); 设置一个cookie 不设置时间默认关闭窗口清除
2.$.cookie('cookieName', 'cookieValue', { expires: 7 }); 设置时间7天
3. $.cookie('cookieName', 'cookieValue', { expires: 7, path: '/' }); path有效路径让不同网页共享cookie
注:
$.cookie('the_cookie','cookieName',{
expires:7,
path:'/',
domain:‘ ',
secure:true
})
expires:(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期;
path:(String)创建该Cookie的页面路径;
domain:(String)创建该Cookie的页面域名;
secure:(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;
读取cookie
4. $.cookie('cookieName'); // 不存在返回null
5. $.cookie('the_cookie', null); 删除cookie