Cookie?
Cookie设计初衷是用来和服务器通讯,而不是本地存储,他只是被‘借用’到本地存储。
- cookie数据大小不能超过4k。
- cookie:设置的cookie过期 时间之前一直有效,即使窗口或浏览器关闭。
- cookie的数据会自动的传递到服务器,服务器端也可以写cookie到客户端
存入:设置过期时间
var date = new Date('2020-12-21 00:00:00')
document.cookie = "use=no,expires="+date
获取:
document.cookie()
使用中级版的封装方式: getCookie(key)
删除:
var del = function(name){setCookie(name,"",-1)}
使用终极版封装方式:removeCookie(key)
LocalStorage?
- localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
- localStorage:存储持久数据,浏览器关闭后数据不丢失除非主动删除数据。
- localStorage不会自动把数据发给服务器,仅在本地保存。
存:localStorage.setItem(“key”,JSON.stringify(key));
读:name=JSON.parse(localStorage.getItem(key));
删除所有 : localStorage.clear();
删: localStorage.removeItem('key');
json.stringify是转换成字符串,json.parse转换成对象。
SessionStorage?
- SessionStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
- lSessionStorage:浏览器关闭后自动删除
- localStorage不会自动把数据发给服务器,仅在本地保存。
存:SessionStorage.setItem(“key”,JSON.stringify(key));
读:name=JSON.parse(SessionStorage.getItem(key));
删除所有 : SessionStorage.clear();
删: SessionStorage.removeItem('key');
json.stringify是转换成字符串,json.parse转换成对象。