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 相关文章推荐
又一个图片自动缩小的JS代码
Mar 10 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
Nov 15 Javascript
用jQuery模拟页面加载进度条的实现代码
Dec 19 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
Aug 12 Javascript
禁用页面部分JavaScript不是全部而是部分
Sep 03 Javascript
基于jQuery实现的文字按钮表单特效整理
Dec 07 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
location.hash保存页面状态的技巧
Apr 28 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
Dec 27 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
JavaScript变量类型以及变量作用域详解
Aug 14 Javascript
javascript for循环性能测试示例
Aug 07 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的自定义模板引擎
2017/03/24 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
javascript 学习之旅 (1)
2009/02/05 Javascript
JavaScript 无符号右移运算符
2009/04/17 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
2014/09/11 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
vue脚手架vue-cli的学习使用教程
2017/06/06 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
毕业生自荐书模版
2014/01/04 职场文书
初三家长会邀请函
2014/01/18 职场文书
学雷锋活动倡议书
2014/08/30 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
党内外群众意见范文
2015/06/02 职场文书
教师节表彰会主持词
2015/07/06 职场文书
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers