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对象的全部内容了,希望大家能够喜欢。

相关文章

  • JavaScript DOM元素尺寸和位置

    JavaScript DOM元素尺寸和位置

    这篇文章主要介绍了JavaScript DOM元素尺寸和位置,需要的朋友可以参考下
    2015-04-04
  • DOM 基本方法

    DOM 基本方法

    dom 的一些基本方法,是操作html标签的一些必备常识。只有掌握了这些基础,才可以做出更好的效果。
    2009-07-07
  • JavaScript核心语法总结(推荐)

    JavaScript核心语法总结(推荐)

    下面小编就为大家带来一篇JavaScript核心语法总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js querySelector() 使用方法

    js querySelector() 使用方法

    querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代
    2016-12-12
  • 第一个JavaScript入门基础 document.write输出

    第一个JavaScript入门基础 document.write输出

    关于JavaScript,他是一个OOSP(面向对象脚本语言)他是用来创建动态网站,增强用户界面的一门技术。如果你想了解更多关于JavaScript的信息,请去维基百科查询。
    2010-02-02
  • JavaScript for循环 if判断语句(学习笔记)

    JavaScript for循环 if判断语句(学习笔记)

    下面小编就为大家带来一篇JavaScript for循环 if判断语句(学习笔记)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 详解JavaScript操作HTML DOM的基本方式

    详解JavaScript操作HTML DOM的基本方式

    这篇文章主要介绍了详解JavaScript操作HTML DOM的基本方式,HTML DOM是专门适用于HTML/XHTML的文档对象模型,需要的朋友可以参考下
    2015-10-10
  • js indexOf()定义和用法

    js indexOf()定义和用法

    js中indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置
    2012-10-10
  • 理解JavaScript的变量的入门教程

    理解JavaScript的变量的入门教程

    这篇文章主要介绍了理解JavaScript的变量的入门教程,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-07-07
  • JavaScript初学者应注意的七个细节详细介绍

    JavaScript初学者应注意的七个细节详细介绍

    种种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的,接下来介绍初学者应注意
    2012-12-12

最新评论