浅谈cookie，sessionStorage和localStorage

Posted 2020-10-19 naturl

cookie：cookie在浏览器和服务器间来回传递

　　　　cookie数据不能超过4k

　　　　同时每次http请求都会携带cookie,所以cookie只适合保存很小的数据，比如会话标识

　　　　cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

　　　　在所有同源窗口中都是共享的，和localStorage一样

sessionStorage：数据不会发给服务器，仅在本地保存。

　　　　　　　　也有存储大小的限制，但比cookie大的多，可以达到5M或更大。

　　　　　　　　在本地保存的数据，浏览器关闭之前一直有效，关闭之后则数据消失。不能一直保持。

　　　　　　　　不在不同的浏览器窗口中共享，即使是同一个页面

localStorage：特点和sessionStorage差不多，只是利用localstorage保存的数据，会一直存在。浏览器关闭之后也会存在，

　　　　　　　　在所有同源窗口中都是共享的

　　　　　　　　setItem()：localStorage.Item("键","值");

　　　　　　　　getItem() 根据key来取值：alert(localStorage.getItem("name0"));

　　　　　　　　当值不存在时，报nullalert(localStorage.getItem("aaa"));

　　　　　　　　根据key的下标，获取key名字alert(localStorage.key(5));
　　　　　　　　length获取一共有多少条数据alert(localStorage.length);