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事件不会触发。