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 textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
jQuery UI AutoComplete 自动完成使用小记
Aug 21 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
JS控制阿拉伯数字转为中文大写示例代码
Sep 04 Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
输入框点击时边框变色效果的实现方法
Dec 26 Javascript
Express框架之connect-flash详解
May 31 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
说说Vuex的getters属性的具体用法
Apr 15 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 巧用数组降低程序的时间复杂度
2010/01/01 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
php支付宝系列之电脑网站支付
2018/05/30 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
你有必要知道的10个JavaScript难点
2017/07/25 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
python3+PyQt5 创建多线程网络应用-TCP客户端和TCP服务器实例
2019/06/17 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
python梯度下降算法的实现
2020/02/24 Python
Python自动巡检H3C交换机实现过程解析
2020/08/14 Python
Python自动登录QQ的实现示例
2020/08/28 Python
Python 必须了解的5种高级特征
2020/09/10 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
英国香水店:The Perfume Shop
2017/03/27 全球购物
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
作为网站管理者应当如何防范XSS
2014/08/16 面试题
报纸媒体创意广告词
2014/03/17 职场文书
学校四群教育实施方案
2014/06/12 职场文书
自我管理的活动方案
2014/08/25 职场文书
写给医生的感谢信
2015/01/22 职场文书
征求意见函
2015/06/05 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书