cookie第一课

    // 高版本浏览器支持的缓存
    // localStorage(本地的永久缓存) sessionStorage(会话一关闭缓存再打开就没有了)
    // cookie
    /* 你把用户信息存储到cookie中，服务端可以自动的获取 */
    /* 同一个网站中所有页面共享一套Cookie(4KB) */
    /* 过期时间 时间过期了 里面的内容就消失了 */
    /* 存储的容量 没有localStorage 3M和sessionStorage 3M大 */

    /* 使用live server打开模拟一个用服务器启动的网站 再使用document.cookie */
    /* 添加cookie */
    /* 添加用户名 */
    document.cookie = 'username=zhangsan'
    // document.cookie = 'password=123456'
    /* JS“=”代表覆盖，cookie“=”代表添加 */
    /* cookie如何取值 */
    // console.log( document.cookie ); /*=> username=zhangsan; password=123456 */
    /* document.cookie = 'username=zhangsan; password=123456' */ /* =>这种方式只能存一个 */
        <button onclick="setCookie('house','汤臣一品','2')">设置house</button>
<button onclick="setCookie('car','rose','1')">设置car</button>
<button onclick="getCookie('house')">获取house</button>
<button onclick="getCookie('car')">获取car</button>
<button onclick="delCookie('house')">删除house</button>
<button onclick="delCookie('car')">删除car</button>
<script>
    function setCookie(name,value,time){
        let oDate = new Date()
        oDate.setDate(oDate.getDate()+time)
        document.cookie=name+'='+value+';expires='+oDate
    }

/* function getCookie(name){ console.log(document.cookie) } / function getCookie(name){ let str =document.cookie; let arr1 = str.split(';') / console.log('arr1',arr1) / for(var i=0;i<arr1.length;i++){ / console.log('arr1[i]',arr1[i]); / var arr2 =arr1[i].split('=') / console.log(arr2) / / console.log('第二个数组',arr2) */ if(name==arr2[0].trim()){ console.log(arr2[1]) } } }

    function delCookie(name){
        let oDate = new Date()
        oDate.setDate(oDate.getDate()-1)
        document.cookie=name+'='+';expires='+oDate
    }
</script>