## localStorage，sessionStorage和cookie的区别及使用  ## ******JS中使用****** 1. localStorage ``` localStorage.setItem("key","value");//存储变量名为key，值为value的变量 localStorage.key = "value"//存储变量名为key，值为value的变量 localStorage.getItem("key");//获取存储的变量key的值 localStorage.key;//获取存储的变量key的值 localStorage.removeItem("key")//删除变量名为key的存储变量 ``` 2. sessionStorage ``` sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值 sessionStorage['testKey'] = '这是一个测试的value值'; sessionStorage.getItem('testKey'); // => 返回testKey对应的值 sessionStorage['testKey']; // => 这是一个测试的value值 sessionStorage.removeItem(string key) //将指定的键名(key)从 sessionStorage 对象中移除。 sessionStorage.clear() //清除 sessionStorage 对象所有的项。 sessionStorage.length //返回一个整数，表示存储在 sessionStorage 对象中的数据项(键值对)数量。 ``` 3. cookie ``` //写cookies function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires; } //读取cookie function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; } //删除cookie function delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie(name); if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString(); } //清除cookie function clearCookie(name) { setCookie(name, "", -1); } ```