localStorage,sessionStorage,cookie
顾名思义!!
第一个为本地储存,不主动删除的话可以永久保存在本地,页面之间能够共享localStorage信息;
第二个为会话储存,关闭页面后会被删除,页面之间不能够共享,内嵌iframe除外;
第三个是饼干!!!(不多说,知道是饼干就行了,反正好吃,能setCookie,getCookie),
算了还是多说一下,请求中默认带上cookie,
跨域请求带cookie前端需要设置请求头中 withCredentials: true,
后端需要设置
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Origin: http://www.xxx.com");
cookie的长度和数量的限制。每个domain最多只能有20条cookie,每个cookie长度不能超过4KB,
cookie.setMaxAge(0);//不记录cookie
cookie.setMaxAge(-1);//会话级cookie,关闭浏览器失效
cookie.setMaxAge(60*60);//过期时间为1小时,秒为单位
HTTP请求中的 响应头中可以设置cookie,cookie在每次请求下会默认填写在请求头中,这样每次请求的数据体积会变大,
HTTP-only类型的Cookie不能使用Javascript通过Document.cookie属性来访问,从而能够在一定程度上
阻止跨域脚本攻击(XSS)。当你不需要在JavaScript代码中访问你的Cookie时,可以将该Cookie设置成HttpOnly类
最后说说localStorage 和 sessionStorage 的方法
localStorage 和 sessionStorage 的方法相同,具体如下
localStorage.setItem("key","value");localStorage.getItem("key");localStorage.removeItem("key");localStorage.clear();