JS操作Cookie,对Cookie的增、删、查

html页面:

<html>
<head>
<title></title>
<script type="text/javascript">
    //增加Cookie
    function SaveCookie()
    {
        var cname=document.forms[0].txtcookiename.value;
        var cvalue = document.forms[0].txtcookievalue.value;
        var ctime=document.forms[0].txtcookietime.value;
        var ms = parseInt(ctime)*24*60*60*1000;
        var today= new Date();
        var date = new Date();
        date.setTime(today.getTime()+ms);
        var dates = date.toGMTString();
        document.cookie=cname+"="+cvalue+";expices="+ date.toGMTString();
        alert("保存Cookie成功!");
    }

    //读取Cookie
    function ReadCookie()
    {
        var name = document.forms[0].readname.value;
        var search = name+"=";
        begin = document.cookie.indexOf(search);
        if(begin!=-1)
        {
            //设置Cookie值的开始位置
            begin += search.length;
            //设置Cookie值得结束位置
            end = document.cookie.indexOf(";",begin);
            if(end == -1)
            {
                end = document.cookie.length;
            }
            alert("Cookie"+name+"的值为:"+document.cookie.substring(begin,end));
        }else
        {
            alert("Cookie"+name+"不存在!");
        }
    }

    //删除Cookie
    function DeleteCookie()
    {
        var cookiename=document.forms[0].deletename.value;
        document.cookie=cookiename+"=;expries="+new Date().toGMTString();
        alert("名称为:"+cookiename+"的Cookie已删除!");
    }
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
    <p>Cookie名字:<input type="text" name="txtcookiename"/></br>
    值:<input type="text" name="txtcookievalue" /></br>
    有效期:<input type="text" name="txtcookietime" /><br>
    <input type="button" value="保存Cookie" name="savecookie" onclick="SaveCookie()"/>
    </p>
    <p>
    要读取Cookie的名字:<input type="text" name="readname" />
    <input type="button" value="读取" onclick="ReadCookie()"/>
    </p>
    <p>
    要删除Cookie的名字:<input type="text" name="deletename" />
    <input type="button" value="删除" onclick="DeleteCookie()"/>
    </p>
</form>
</body>
</html>
posted on 2012-09-10 16:54  LitDev  阅读(305)  评论(0编辑  收藏  举报