JavaScript本地存储

1.Cookie---用户相关数据本地存储

     什么是cookie？

1.  本质上
   cookie就是一些数据，一些存储在电脑上的文本文件数据。
2. 使用cookie的原因
   当web服务器向浏览器发送web页面是，在链接关闭时，服务器不会记录用户信息。
3. cookie的作用
   解决‘如何记录客户端得用户信息’
4. cookie的存储形式
   cookie是以键值对的形式存储

cookie的使用方式

提示：cookie只有当王爷运行在服务器时才有效；

1. cookie的创建
   以键值对的形式以分号结束

   document.cookie="username=zs;sex=man;"

   注意：cookie只能一次传一个值，当你一次传多个值的时候可以用循环来加载。

2. cookie的有效时间
   ①如果不给cookie设置有效时间，它默认的有效时间是当浏览器关闭时，cookie也被消除。
   ②设置到某个具体时期
        首先获取当前时间，然后再设置多久结束。例如：
    

   var timer=new Date();
   timer.setTime(timer.getTime()+10*1000);
   document.cookie="uesrname=zs;expires="+timer.toUTCString()
   这里表示cookie的有效时间为10s

   这里还有一种这只cookie有效时间的方式，例如：
    

   document.cookie="username=zs;max-age=10"
   这里也表示cookie的有效时间为10s

    

3. cookie的增删改查
   ①设置cookie的有效路径
       可以通过path来设置cookie的有效路径，例如：
    

   document.cookie="username=zs;max-age=10;path=/"
   
   这里cookie的有效路径为全局有效

   注意：path路径同级的可以访问并且修改，子级目录可以访问没办法修改，父级目录没法访问也没法修改；如果设置path               为全局路径的cookie，它的所有根目录都能访问和修改。
   ②删除cookie
       只需要设置cookie的有效时间为0s或者设置为当前时间；
   ③修改cookie
       只需重新设置想修改的cookie，它会把原来的cookie覆盖；
   ④读取cookie
       使用document.cookie来读取cookie；

2.localStorage----- 永久性本地存储

什么是localStorage?

   设置localStorage后就本地永久生效，在整个网站的所有页面都有效

localStorage的增删改查

    可以使用对象的增删改查，也可以使用它自有的方法；

     localStorage.setItem(a,b)--------------表示设置localStorage的一个键为a，值为b；

     参数a表示设置的键，参数b表示所对应的值；

     localStorage.getItem(a)--------------表示获取localStorage的某一个键a；

     参数a表示获取的localStorage的键

     localStorage.removeItem(a)--------------表示移除localStorage的某一个键a；

     localStorage.clear()--------------表示移除localStorage所有的键；

3.sessionStorage--临时性页面的会话存储

sessionStorage与localStorage唯一的不同就是设置的sessionStorage当浏览器一关闭就删除，而localStorage则是永久有效。