脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript Cookie操作

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>


您可能感兴趣的文章:

相关文章

  • JS中给数组去重的方法小结

    JS中给数组去重的方法小结

    给一个存放数字或字符串的数组去重很简单,那么现在问题升级,如何一个数组a里面存放的元素是若干个数组,那么如何给这个数组a去重？本文给大家介绍了JS中给数组去重的方法小结,需要的朋友可以参考下
    2024-08-08
  • javascript中的正则表达式使用详解

    javascript中的正则表达式使用详解

    之前讲了javascript对正则表达式的实现方式了，只定义了正则表达式，但是如何在javascript中真正使用正则表达式呢？在javascript中RegExp和String对象都有处理正则表达式的方法。
    2015-08-08
  • 前端滚动锚点三个常用方案(点击后页面滚动到指定位置)

    前端滚动锚点三个常用方案(点击后页面滚动到指定位置)

    这篇文章主要给大家介绍了关于前端滚动锚点的三个常用方案,实现的效果就是点击后页面滚动到指定位置,三种方法分别是scrollIntoView、scrollTo和scrollBy,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • Javascript中数组sort和reverse用法分析

    Javascript中数组sort和reverse用法分析

    这篇文章主要介绍了Javascript中数组sort和reverse用法,实例分析了sort和reverse使用时的注意事项与相关技巧,具有不错的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • JavaScript实现一个电子小蜘蛛

    JavaScript实现一个电子小蜘蛛

    这篇文章主要介绍了JavaScript实现一个电子小蜘蛛,具体的样子就是让它会跟随着我们的鼠标进行移动,那么我们如何实现这样的效果呢,下面来详细讲解实现方法,需要的朋友可以参考下
    2024-10-10
  • JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】

    JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】

    这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法,结合实例形式详细分析了圆形包盒情况下的碰撞检测算法相关原理与实现技巧,需要的朋友可以参考下
    2018-12-12
  • js实现上传图片并显示图片名称

    js实现上传图片并显示图片名称

    这篇文章主要为大家详细介绍了js实现上传图片并显示图片名称，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 详解自定义ajax支持跨域组件封装

    详解自定义ajax支持跨域组件封装

    本篇文章给大家详细分析了自定义ajax支持跨域组件封装相关的知识点，对此有兴趣的朋友参考学习下。
    2018-02-02
  • 模拟抽奖

    模拟抽奖

    模拟抽奖...
    2006-08-08
  • JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解

    JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解

    这篇文章主要介绍了JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解的相关资料,需要的朋友可以参考下
    2016-03-03

最新评论