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 相关文章推荐
8个实用的jQuery技巧
Mar 04 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
Nov 09 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
4个顶级开源JavaScript图表库
Sep 29 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
JavaScript 装逼指南(js另类写法)
May 10 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(5) 类和对象
2010/02/16 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
PHP观察者模式定义与用法实例分析
2019/03/22 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
JQuery优缺点分析说明
2011/04/10 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
seajs实现强制刷新本地缓存的方法分析
2017/10/16 Javascript
JS实现为动态创建的元素添加事件操作示例
2018/03/17 Javascript
在vue-cli创建的项目中使用sass操作
2020/08/10 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
Django学习之文件上传与下载
2019/10/06 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
基于Python爬取素材网站音频文件
2020/10/21 Python
CSS3中的5个有趣的新技术
2009/04/02 HTML / CSS
数控技术应届生求职信
2013/11/13 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
关于python类SortedList详解
2021/09/04 Python
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL