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">
   
    <!--<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>

(0)

相关推荐

  • javascript实现设置、获取和删除Cookie的方法

    本文实例讲述了javascript实现设置.获取和删除Cookie的方法.分享给大家供大家参考.具体实现方法如下: /* *设置Cookie * * name:cookie所对应的键 * value:cookie所对应的值 * expires:cookie所对应的有效时间 * path:指定可访问cookie的路径 * domain:指定可访问cookie的主机名 * secure:安全性 */ function setCookie (name,value,expires,path,domain

  • JavaScript操作Cookie方法实例分析

    本文实例讲述了JavaScript操作Cookie方法.分享给大家供大家参考.具体如下: // My methods for setting, reading and deleting cookies. // I have methods to check for the existence of cookie names or values, // to retrieve by name or value, and to create a formatted string of // all

  • Javascript Cookie读写删除操作的函数

    复制代码 代码如下: function getCookie( name ) { var start = document.cookie.indexOf( name + "=" ); var len = start + name.length + 1; if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) { return null; } if ( start == -1

  • JavaScript操作cookie类实例

    本文实例讲述了JavaScript操作cookie类.分享给大家供大家参考.具体如下: 用法: 一.设置cookie var cookie = new JSCookie(); // 普通设置 cookie .SetCookie("key1","val1"); // 过期时间为一年 var expire_time = new Date(); expire_time.setFullYear(expire_time.getFullYear() + 1); cookie .

  • JavaScript操作Cookie详解

    什么是 Cookie "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值." - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息. 在JavaScript中可以通过 doc

  • javascript操作Cookie(设置、读取、删除)方法详解

    Cookie是客户端存放数据的一种方式,可用来做状态保持. 1.设置Cookie: a.无过期时间:(若不设置过期时间,默认为会话级Cookie,浏览器关闭就会失效) 复制代码 代码如下: function setCookie(name,value) {     document.cookie = name + '=' + escape(value); } b.固定过期时间: 复制代码 代码如下: function setCookie(name,value) {     var Days = 3

  • JavaScript实现基于Cookie的存储类实例

    本文实例讲述了JavaScript实现基于Cookie的存储类.分享给大家供大家参考.具体分析如下: 通过这个JS类,你可以象使用session一样使用cookie,非常简单了! /* * CookieStorage.js * 本类实现像localStorage和sessionStorage一样的存储API * 不同的是,它是基于HTTP Cookies实现的. */ function CookieStorage(maxage, path) { // 两个参数分别代表储存有效期和作用域 // 获

  • 详谈javascript中的cookie

    JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求. cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提供给JavaScript.可以由JavaScript对其进行控制,而并不是JavaScript本身的性质. cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的, 尽管这样能达到一个模拟 全局变量的功能,但并不严谨.例如在导航框架页面内右击,单击快捷菜单中的[刷新]命令,则所有的JavaSc

  • JavaScript中Cookies的相关使用教程

     Cookies是什么 ? Web浏览器和服务器使用HTTP协议进行通信,并且HTTP是一种无状态协议.但对于一个商业网站它需要保持不同的页面间的会话信息.例如在完成多页后,一个用户注册结束.但是,如何保持所有网页用户的会话信息. 在许多情况下,使用Cookie来记忆和跟踪的喜好,采购,佣金,并要求更好的访问体验或网站的统计数据等信息的最有效的方法. 它是如何工作的 ? 服务器发送一些数据到访问者的浏览器以cookie的形式.该浏览器可以接受cookie.如果是这样,它是为访问者存储在硬盘驱动器

  • JavaScript对Cookie进行读写操作实例

    本文实例讲述了JavaScript对Cookie进行读写操作的方法.分享给大家供大家参考.具体如下: 这里没用到任何的js库,直接使用js的方法进行cookie的读写 <HTML> </HEAD> <BODY> <SCRIPT language="JavaScript"> <!-- function set_it() { var the_text="name=yourName&"; var toexpir

随机推荐