Cookie、localStorage和sessionStorage的功能和区别

				今天分享储存的一些方法。

Cookie储存：
document.cookie = ‘username = 张三; expires=Sun, 31 Dec 2021 12:00:00 UTC;’
通常存放用户名和密码用的，目的是会话跟踪
cookie 存放在客户端浏览器中的，存储大小4k左右，每个域名下能存放20-40条不等，可以设置过期时间， 如果不设置，默认关闭浏览器就删了
session 存放在服务器端的，存储大小没限制
expires 可以设置过期时间expires=Sun, 31 Dec 2021 12:00:00 UTC

localStorage：
//持久化的存储 一旦存放了,你不主动去删除,就永远存着
//存放长度 5mb左右,条数没限制

    //存储使用  setItem(key,value)
    localStorage.setItem('haha','你好!哈哈哈1')
    localStorage.setItem('haha1','你好!哈哈哈2')
    localStorage.setItem('haha2','你好!哈哈哈3')

    //获取数据 getItem(key)
    var a = localStorage.getItem('haha')
    console.log(a)

    //删除数据 removeItem(key)
    localStorage.removeItem('name')

    //全删 
    localStorage.clear()

    // localStorage['xx']='mm'
    // localStorage.abc='iiippp哈哈哈'

    // var a = localStorage.abc
    // var a = localStorage.xx
    // console.log(a)
    
    //注意 localStorage存放数据的时候,会数据转换成字符串,所以当你存放json对象的时候要注意了,
    //要先把json对象转换成json字符串在去存
    
    //把json字符串转换成json对象的3种用法
    //eval()   JSON.parse()   还有jQuery 的   $.parseJSON()

sessionStorage:
//sessionStorage 临时存储,一旦关闭页面数据会自动删除
// sessionStorage.setItem(‘name123’,‘张三’)
// sessionStorage.setItem(‘nameaa’,‘张三11’)
// var a = sessionStorage.getItem(‘name123’)

    // sessionStorage.removeItem('nameaa')

    // sessionStorage.clear()
    // console.log(a)

    var obj = {'name':'张三','age':18}

    sessionStorage.setItem('username',obj)
    var b = sessionStorage.getItem('username',obj)
    console.log(b)

    var str = '1231231dfsdfs'
    console.log(str)