JavaScript中Cookie操作实例

 更新时间:2015年01月09日 09:06:02   转载 投稿:junjie  
这篇文章主要介绍了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学习笔记之惰性函数示例详解

    JavaScript学习笔记之惰性函数示例详解

    函数是js世界的一等公民,js的动态性、易变性在函数的应用上,体现的淋漓尽致。下面这篇文章主要给大家介绍了关于JavaScript学习笔记之惰性函数的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-08-08
  • 详解webpack es6 to es5支持配置

    详解webpack es6 to es5支持配置

    这篇文章主要介绍了详解webpack es6 to es5支持配置 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • javascript实现漂亮的拖动层,窗口拖拽特效

    javascript实现漂亮的拖动层,窗口拖拽特效

    一个可关闭、可随意拖动位置的网页弹出层代码,美化的相当漂亮,简洁实用,还可拖动改变大小,通过八个方向改变大小,学习这类特效编写的网页设计者可参阅一下
    2015-04-04
  • js 通用订单代码

    js 通用订单代码

    对于订单,想必大家并不陌生吧,下为大家介绍下使用js实现的订单,感兴趣的朋友可以参考下
    2013-12-12
  • element 中 el-menu 组件的无限极循环思路代码详解

    element 中 el-menu 组件的无限极循环思路代码详解

    这篇文章主要介绍了element 中 el-menu 组件的无限极循环,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • javascript程序优化问题

    javascript程序优化问题

    写了几年代码,很少谈到javascript程序的执行效率问题,今天就举几个例子看看,让大家看看程序优化是多么重要。 这节来看看createElement和innerHTML的表现。看看差别是多大
    2008-05-05
  • 关于javaScript注册click事件传递参数的不成功问题

    关于javaScript注册click事件传递参数的不成功问题

    在javaScript中给一个html元素注册click事件处理函数时,比如给该处理函数传3个参数。可是不管是使用下面那种方式都不能给事件处理函数传递参数
    2014-07-07
  • JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

    JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超

    JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接...
    2007-01-01
  • 使用window.prompt()实现弹出用户输入的对话框

    使用window.prompt()实现弹出用户输入的对话框

    window对象的最后一种对话框是提示对话框,它显示了预先设置的信息并提供文本域供用户输入应答。它包括两个按钮,即Cancel和Ok,允许用户用两个相反的期望值来关闭这个对话框:取消整个操作或接收输入到对话框中的文本
    2015-04-04
  • 使用纯javascript实现经典扫雷游戏

    使用纯javascript实现经典扫雷游戏

    本文给大家分享的是个人刚开始学习javascript的时候写的仿windows经典的扫雷游戏的代码,当时只是写了下来,没加注释,这里补上,有需要的小伙伴可以参考下。
    2015-04-04

最新评论