js设置、修改、获取、删除 cookie

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie</title>
     <script src="jquery.js" type="text/javascript"></script>
</head>
<body>
    <form id="formId" action="">
        <input type="text" name="a" value="安安" />
        <input type="hidden" name="b" value="abc">

    </form>
    <script type="text/javascript">
         /**
         * 设置cookie
         * @param {string} name  键名
         * @param {string} value 键值
         * @param {integer} days cookie周期
         */
        function setCookie(name,value,days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
            }else{
                var expires = "";
            }
            document.cookie = name+"="+value+expires+"; path=/";
        }
         
        // 获取cookie
        function getCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for(var i=0;i < ca.length;i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
            }
            return null;
        }
         
        // 删除cookie
        function deleteCookie(name) {
            setCookie(name,"",-1);
        }

        setCookie('userName','wh',0.001);
        // alert(getCookie('userName'));
        // deleteCookie('userName');
    </script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookies-2</title>
     <script src="jquery.js" type="text/javascript"></script>
</head>
<body>
    <script type="text/javascript">
         /**
         * 设置cookie
         * @param {string} name  键名
         * @param {string} value 键值
         * @param {integer} days cookie周期
         */
        function setCookie(name,value,days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
            }else{
                var expires = "";
            }
            document.cookie = name+"="+value+expires+"; path=/";
        }
         
        // 获取cookie
        function getCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for(var i=0;i < ca.length;i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
            }
            return null;
        }
         
        // 删除cookie
        function deleteCookie(name) {
            setCookie(name,"",-1);
        }

        // setCookie('userName','wh',0.001);
        alert(getCookie('userName'));
        // deleteCookie('userName');
    </script>
</body>
</html>

 

posted @ 2016-07-28 13:45  侠岚之弋痕夕  阅读(161)  评论(0编辑  收藏  举报
Where is the starting point, we don't have a choice, but the destination where we can pursue!