cookie和localStorage的区别

我们要了解cookie和localStorage的区别，首先要了解到两者的优点和缺点

cookie：

cookie是网站的身份识别，配合session配合。

特点：

1、必须在服务器环境中使用

2、在没有设置过期时间，关闭就消失，默认的过期时间是一次会话。

3、cookie要一条一条的存

4、大小容量小，4k左右

5、不管你看到什么，取出来的都是字符串

6、不安全

7在服务器环境下，每次伴随着请求会发往服务器

cookie 怎么存

     document.cookie='name=value';

 怎么设置到期时间   document.cookie='name=value;expires=xxxx'

   过期时间用事件戳表示

    目录问题

      public    cookie1

      demo1  cookie2

        整个项目网站，只有一套cookie，共享一套cookie,一般cookie存在根目录下

        document.cookie='name=value;expires=xxxx;path=/'

    怎么取cookie

    document.cookie

设置cookie函数

function setCookie(name,value,iDay) {

    if(iDay){

        var oDate=new Date();

        oDate.setDate(oDate.getDate()+iDay);

        document.cookie=name+'='+value+';expires='+oDate+';path=/';

    }else{

        document.cookie=name+'='+value+';path=/';

    }

}

获取cookie函数

function getCookie(name) {

    var arr=document.cookie.split('; ');

    for(var i=0;i

        var arr2=arr[i].split('=');

        if(arr2[0]==name){

            return arr2[1]

        }

    }

    return ''

}

如何删除cookie

function removeCookie(name){

    setCookie(name,'',-2);

}

-----------------------------------------------------------------分割线-------------------------------------------------------------

localStorage:

    特点：

        1、容量5M

        2、不会往服务器发数据

        3、不会有过期时间

        4、没有路径的限制

cookie和localStorage的区别

    容量

    会不会让服务器发送数据

    过期时间

    路径限制

    cookie查询不到一个返回空字符串，localStorage一个返回undefined，一个返回null

    cookie存的是字符串 localStorage是对象

相同点

    不安全，不能跨域，不能跨浏览器

-------------------------

localStorage

    localStorage.name=value;

    localStorage.name

    delete localStorage.name

    localStorage.setItem(name,value)

    localStorage.getItem(name)

    localStorage.removeItem(name)

    全部清除 localStorage.clear();

    这两种方法别混着用