js,获取和设置cookie、 localStorage

cookie 跟域名有关系的浏览器缓存

获取cookie
document.cookie;
获取到的如果是多条cookie信息，是以分号和一个空格（"; "）隔开；a=1; b=2; c=3

//设置cookie
document.cookie = key +"="+ value; 

默认情况下cookie在关闭浏览器的时候就会自动清除，如果想保存，需要设置过期时间；

设置cookie过期时间；
document.cookie = key +"="+ value; expires="过期时间"；

lacalStorage 本地储存；

浏览器可以对一个域下存贮5M大小的数据，如果浏览器支持本地储存，都会提供一个localStorage对象；

判断浏览器是否支持localStorage;

window.localStorage?"支持"："不支持";

设置localStorage；

localStorage.setItem("aaa","1");


获取localStorage；

localStorage.getItem("aaa"); //获取到的值是字符串（JSON）


删除localStorage信息；

删除localStorage.removeItem("属性名")；

localStorage.removeItem（"aaa"）;


删除所有localStorage信息；

localStorage.clear()；


storage事件：
localStorage储存的数据发生改变的时候出发

window.addEventListener("storage",func(){
    console.log(1);
})

注意：如果对当前页面进行localStorage数据修改的时候，会触发其他窗口的该页面的storage事件（因为他们是同一个页面，储存数据的内存是同一个地址），本页面的storage事件不会触发。