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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
js 巧妙去除数组中的重复项
Jan 25 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
javascript中递归函数用法注意点
Jul 30 Javascript
js验证框架实现代码分享
May 18 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
May 24 Javascript
webpack入门+react环境配置
Feb 08 Javascript
vuejs 单文件组件.vue 文件的使用
Jul 28 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
Sep 02 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
Vue 解决多级动态面包屑导航的问题
Nov 04 Javascript
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
使用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 MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
PHP 实现链式操作
2021/03/09 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript 学习笔记(十六) js事件
2010/02/01 Javascript
28个JS验证函数收集
2010/03/02 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
javaScript基础详解
2017/01/19 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
jquery.pager.js实现分页效果
2019/07/29 jQuery
jQuery 选择器用法实例分析【prev + next】
2020/05/22 jQuery
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python Queue模块详解
2014/11/30 Python
Python下的subprocess模块的入门指引
2015/04/16 Python
Python抓取电影天堂电影信息的代码
2016/04/07 Python
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
Django视图扩展类知识点详解
2019/10/25 Python
python 实现兔子生兔子示例
2019/11/21 Python
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
学前班教师的自我鉴定
2013/12/05 职场文书
运动会方阵解说词
2014/02/12 职场文书
文秘个人求职信范文
2014/04/22 职场文书
完美的中文自荐信
2014/05/24 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
实操Python爬取觅知网素材图片示例
2021/11/27 Python