JavaScript中Cookie操作实例

272 阅读 0 评论 180 点赞

我是靠谱客的博主失眠星星，最近开发中收集的这篇文章主要介绍JavaScript中Cookie操作实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

JavaScript Cookie

　　Cookie对象：
　　Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。
　　Cookie文件由所访问的Web站点建立，以长久的保存客户端与Web站点间的会话数据，并且该Cookie数据只允许被所访问的Web站点进行读取。
　　Cookie文件的格式：
　　NS：Cookie.txt
　　IE：用户名@域名.txt

　　有两种类型的cookie:
　　(1)持久性cookie，会被存储到客户端的硬盘上。
　　(2)会话Cookie：不会存储到客户端的硬盘上，而是放在浏览器进程所处的内存当中，当浏览器关闭则该会话cookie就销毁了。

用JS实现Cookie操作

　　写入Cookie：

复制代码代码如下:

　　document.cookie = " 关键字 = 值 [ ; expires = 有效日期 ] [;...]"

　　读取Cookie：

复制代码代码如下:

　　document.cookie

　　删除Cookie：

复制代码代码如下:

　　document.cookie = " 关键字 = ; expires = 当前日期"

　　备注：

　　1.有效日期格式：Wdy,DD-Mon-YY HH:MM:SS GMT
　　2.Wdy / Mon：英文星期 / 月份；
　　3.还包含path、domain、secure属性；
　　4.每个Web站点(domain)可建立20个Cookie数据；
　　5.每个浏览器可存储300个Cookie数据，4k字节；
　　6.客户有权禁止Cookie数据的写入。

实例

复制代码代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>cookieTest.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>

<body>
    <script type="text/javascript">
        var today = new Date();
        var expiredDay = new Date();
        var msPerMonth = 1000 * 60 * 60 * 24 * 30;

        expiredDay.setTime(today.getTime() + msPerMonth); //一个月之后过期

        //写入cookie
        document.cookie = "name=mengdd;expires="+expiredDay.toGMTString();

        document.writeln("cookie已经写到硬盘上了");

        //读取cookie
        document.writeln("内容是：" + document.cookie);
        document.writeln("expire day: " + expiredDay.toGMTString());
    </script>
</body>
</html>