cookie应用 





<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
        <div>
            <input type="text" id="userName" />
            <input type="button" id="login" value="登入" />
            <input type="button" id="del" value="删除" />
        </div>
        <div data="show"></div>
    </body>
    <script type="text/javascript">
        window.onload = function() {
            var oUser = document.querySelector("#userName");
            var oLogin = document.querySelector("#login");
            var oDel = document.querySelector("#del");

            if (getCookie('oUser')) {
                oUser.value = getCookie("oUser");
            }

            oLogin.onclick = function() {
                console.log("login");
                saveCookie('oUser', oUser.value, 5);
                document.querySelector("[data='show']").innerHTML = oUser.value;
            }

            oDel.onclick = function() {
                removeCookie('oUser');
                oUser.value = "";
            }
        }
    </script>

</html>






 


//存cookie
//重载
function saveCookie(name, value, expires) {
    if (name == "" || value == "") {
        console.log("名字或值不能为空");
    } else {
        if (expires == 0) {
            document.cookie = name + "=" + value;
        } else {
            var now = new Date();
            now.setDate(now.getDate() + expires); //设置过期天数
            document.cookie = name + "=" + encodeURI(value) + "; expires =" + now.toGMTString();
        }
    }
}
//重载
function saveCookieNoexpires(name, value) {
    saveCookie(name, value, 0);
}

//显示cookie
function getCookie(name) {
    return decodeURI(readCookie(name));
}
//读取cookie
function readCookie(name) {
    var msg = document.cookie;
    if (msg == "" || msg.indexOf("=") == -1) { //没有值
        return "";
    } else {
        if (msg.indexOf(";") == -1) { //只有一个值
            var res = msg.split("=");
            if (res[0] == name) {
                return res[1];
            }
            return "";
        }
        var arr = msg.split(";");
        for (var i = 0; i < arr.length; i++) {
            var res = arr[i].split("=");
            if (res[0].trim() == name) {
                return res[1];
            }
        }
        return "";
    }
}

//删除cookie
function removeCookie(key) {
    setCookie(key, "", -1);
}




 







            

            
posted @ 
2016-07-04 15:58 
loewe0202 
阅读(128) 
评论(0) 
 
收藏 
举报