localStorage、sessionStorage、Cookie的区别及用法

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