主页 个人前端笔记 Javascript中的cookie的使用
admin
发表于2012-11-11 18:59:09    只看楼主 楼主
头衔:  精益求精
注册时间: 2012-10-07
用户组: 日常管理组
发帖数:  502
金币数:  186
短消息
<body>
<style type="text/css">
        .div_green
        {
            width: 100px;
            height: 100px;
            border: 1px solid green;
            float: left;
        }
        .div_red
        {
            width: 100px;
            height: 100px;
            border: 1px solid red;
            float: left;
        }
    </style>

    <div id="tip1" class="div_red">
    </div>
    <div id="tip2" class="div_green">
    </div>
    <input type="button" value="click" onclick="setCookie()" />
    
    <script type="text/javascript">
        var state = 1;
        window.onload = function() {
            readCookie();           
        }

        function setCookie() {
            var expDate = new Date();
            var dayPuls = expDate.getTime() + (1 * 60 * 1000);
            expDate.setTime(dayPuls);
            document.cookie = 'state=' + state + ';expires=' + expDate.toGMTString();
            alert("set cookie ok.");
        }
        function readCookie() {
    //     console.log(document.cookie);
            if (document.cookie) {
                var tmp = document.cookie.split(';')[0];
                var curState = tmp.split('=')[1];
                if (curState == '1') {
                    document.getElementById('tip1').className = 'div_green';
                    document.getElementById('tip2').className = 'div_red';
                }
            }
        }
    </script>
</body>

以上代码可实现,设置cookie过期时间为1分钟,注意点,要在服务器里运行。

回复人
回复内容

Powered BY YouYaX
个人自主开发论坛,从2010年10月份开发至今!

操作管理