cookie

1. 安装live sever.cookie在file协议下是不可以访问的，需要在http协议下访问，所以需要安装live sever插件，open with live sever给你打开了一个本地的服务，自动开启一个端口号
2. application本地存储
3. 设置cookie Document.cookie = “name = ‘cyy’”
4. Cookie有过期时间，4K，打开窗口有效，关闭窗口失效
5. expires 过期时间
6. 获取当前时间getdate()
7. 利用setdate把时间设置回来
8. 拼接 date对象转换成字符串date.toUTCString()
9. 取cookie split()把字符串分割成字符串数组
10. expires * 1是为了转变成number
11. str.trim()去掉前后空格

<script>
        // 设置cookie
         document.cookie = "name = 'caoyuying'";
         document.cookie = "age = '18'"
        //  获取当前时间
         var date = new Date();
         date.setDate(date.getDate() + 1);
        // date.toUTCString()把date对象转换成字符串
         document.cookie = "chanel = '12646';expires = " + date.toUTCString();
         console.log(document.cookie)
        
</script>

封装cookie 函数

 <script>
    // 封装设置cookie函数
    function setcookie(key,value,expires){
        var date = new Date();
        date.setDate(date.getDate()+ expires * 1)
        document.cookie = key + '=' + value + ";expires = " + date.toUTCString();//把date对象变成字符串
    }
    setcookie("tag",2,3);
    // 获取cookie
    function getcookie(key){
        var cookie = document.cookie
        var arr = cookie.split(";")
        for(var i = 0;i < arr.length; i++){
            var tmp = arr[i].split("=");
            if(tmp[0].trim() === key){
                return tmp[1]
            }

        }
    }
    var a = getcookie("tag")
    console.log(a)
    setcookie("taken","112233")
    console.log(getcookie("taken"))

    // 删除cookie
    function delcookie(key){
        var date = new Date();
        date.setDate = date.getDate() - 1;
        document.cookie = key +" = null ;expires = " + date.toUTCString();
    }
    delcookie("tag")
</script>

HTML5本地大存储

1. 本地存储 localStorage 存储大小是 5M，一直存储在本地，除非手动删除
2. sessionStorage 存储大小也是 5M,会话结束之后就失效了
3. setItem()
4. getItem()
5. localStorage.属性名 = "属性值"

 <script>
    //localStorage本地存储
    //sessionStorage 会话次存储
    localStorage.log = "caoyuying"
    console.log(localStorage.log)
    localStorage.setItem("firstname",14553)
    console.log(localStorage.getItem("firstname"))
</script>