JavaScript学习笔记之Cookie对象

更新时间：2015年01月22日 11:21:28 投稿：hebedich

本文主要简单介绍了javascript中cookie对象的概念，以及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">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </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>

以上就是javascript中cookie对象的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

js输出列表实现代码
js输出列表的方法，里面有需要分辨文件的编码声明。
2010-09-09
JavaScript数据类型转换
本文详细讲解了JavaScript实现数据类型转换的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-03-03
简单介绍JavaScript中字符串创建的基本方法
这篇文章主要介绍了简单介绍JavaScript中字符串创建的基本方法,是JS入门学习中的基础知识,需要的朋友可以参考下
2015-07-07
设计模式中的facade外观模式在JavaScript开发中的运用
外观模式通过引入一个外观角色来简化客户端与子系统之间的交互,为复杂的子系统调用提供一个统一的入口,降低子系统与客户端的耦合,接下来就来看设计模式中的facade外观模式在JavaScript开发中的运用
2016-05-05
javascript学习笔记(六) Date 日期类型
javascript学习笔记之Date 日期类型介绍，需要的朋友可以参考下
2012-06-06
javascript中attribute和property的区别详解
这篇文章主要介绍了javascript中attribute和property的区别详解,attribute和property对新手来说,特别容易混淆概念,本文就清晰的讲解了它们的区别,需要的朋友可以参考下
2014-06-06
JS基础随笔(菜鸟必看篇)
下面小编就为大家带来一篇JS基础随笔(菜鸟必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
Javascript入门学习第二篇 js类型
上篇文章讲了js中的一些概念（词法结构）和数据类型（部分）。这章我们继续.然后了解下js中操作数据和函数的作用域。
2008-07-07
JavaScript中CreateTextFile函数
JavaScript中CreateTextFile函数是创建指定的文件名并返回一个 TextStream 对象，可以使用这个对象对文件进行读写
2020-08-08
offsetParent 算法分析
以下部分内容翻译自 W3C 的 CSSOM View Module，W3C 工作草案 2008年2月22日。
2010-04-04