JavaScript中Cookie的用法

时间：2016-06-16 19:42:42 阅读：256 评论：0 收藏：0 [点我收藏+]

标签：

Javascript中Cookie主要存储于客户端的计算机中，用于存放已访问的站点信息，Cookie最大约为4k.以下实例主要用于页面在刷新时保存数据，具体的用法如下所示：

<html>
<head><title></title>
</head>
<body>
<script type="text/javascript">
    window.onload = function ()
    {
        PersentValue();
    }

    function AddValueToCookie()
    {
        setCookie("ID", 100);
        setCookie("Name", ‘Tom‘);
        PersentValue();
    }

    function ClearValueOfCookie()
    {
        SetCookieToExpire("ID");
        SetCookieToExpire("Name");
        PersentValue();
    }

    function PersentValue()
    {
        var id = getCookie("ID");
        var name = getCookie("Name");
        if (id == null) {
            alert(‘Waiting for set value to ID‘);
        }
        else {
            alert(id);
        }

        if (name == null) {
            alert(‘Waiting for set value to Name‘);
        }
        else {
            alert(name);
        }
    }

    function setCookie(name, value) {
        var Days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }

    function getCookie(name) {
        var arg = name + "=";
        var alen = arg.length;
        var clen = document.cookie.length;
        var i = 0;
        while (i < clen) {
            var j = i + alen;
            if (document.cookie.substring(i, j) == arg) {
                return getCookieVal(j);
            }
            i = document.cookie.indexOf(" ", i) + 1;
            if (i == 0) break;
        }
        return null;
    }

    function getCookieVal(offset) {
        var endstr = document.cookie.indexOf(";", offset);
        if (endstr == -1) {
            endstr = document.cookie.length;
        }
        return unescape(document.cookie.substring(offset, endstr));
    }

    function SetCookieToExpire(name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = getCookie(name);
        if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    }
</script>
<input type="button" value="AddValue" onclick="AddValueToCookie();" />
<input type="button" value="ClearValue" onclick="ClearValueOfCookie();" />
</body>
</html>

View Code

参考链接

JavaScript中Cookie的用法

标签：

原文地址：http://www.cnblogs.com/sccd/p/5535779.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行