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 相关文章推荐
html下载本地
Jun 19 Javascript
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
Node.js的包详细介绍
Jan 14 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
Aug 29 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
详解JavaScript的内置对象
Dec 07 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
node+vue实现文件上传功能
May 28 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 Javascript
Vue中用JSON实现刷新界面不影响倒计时
Oct 26 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 array 的加法操作代码
2010/07/24 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
基于jQuery的计算文本框字数的代码
2012/06/06 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
使用JavaScript实现ajax的实例代码
2016/05/11 Javascript
vue元素实现动画过渡效果
2017/07/01 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
用Python编程实现语音控制电脑
2014/04/01 Python
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python计算斗牛游戏概率算法实例分析
2017/09/26 Python
python使用epoll实现服务端的方法
2018/10/16 Python
详解Python3网络爬虫(二):利用urllib.urlopen向有道翻译发送数据获得翻译结果
2019/05/07 Python
使用Pycharm分段执行代码
2020/04/15 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
python实现简单的学生管理系统
2021/02/22 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
Css3新特性应用之形状总结
2016/12/08 HTML / CSS
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
如何在Shell脚本中使用函数
2015/09/06 面试题
汽车维修专业毕业生的求职信分享
2013/12/04 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
保险内勤岗位职责
2014/04/05 职场文书
论文诚信承诺书
2014/05/23 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
群众路线党员个人剖析材料
2014/10/08 职场文书
初中毕业生自我评价
2015/03/02 职场文书
小学数学教师研修日志
2015/11/13 职场文书
判断Python中的Nonetype类型
2021/05/25 Python