Javascript中的cookie的使用--PHP社区--YouYaX原创论坛

主页个人前端笔记 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分钟，注意点，要在服务器里运行。

引用回复

操作点评

回复人
回复内容

操作管理