JavaScript中Cookie操作实例


Posted in Javascript onJanuary 09, 2015

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 相关文章推荐
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
May 08 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
利用React-router+Webpack快速构建react程序
Oct 27 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
巧用weui.topTips验证数据的实例
Apr 17 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 Javascript
使用javascript实现简单的选项卡切换
Jan 09 #Javascript
14个有用的Jquery技巧分享
Jan 08 #Javascript
jQuery中insertBefore()方法用法实例
Jan 08 #Javascript
jQuery中insertAfter()方法用法实例
Jan 08 #Javascript
jQuery中prependTo()方法用法实例
Jan 08 #Javascript
8个超实用的jQuery功能代码分享
Jan 08 #Javascript
jQuery中appendTo()方法用法实例
Jan 08 #Javascript
You might like
php set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
jQuery动态添加
2016/04/07 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
jQuery事件详解
2017/02/23 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
Python程序员鲜为人知但你应该知道的17个问题
2014/06/04 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
python中有函数重载吗
2020/05/28 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
Java面向对象面试题
2016/12/26 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
好的自荐信包括什么内容
2013/11/07 职场文书
酒店中秋节促销方案
2014/01/30 职场文书
现场施工员岗位职责
2014/03/10 职场文书
开学典礼主持词
2014/03/19 职场文书
开国大典观后感
2015/06/04 职场文书
我的中国梦主题班会
2015/08/14 职场文书