JavaScript学习笔记之Cookie对象


Posted in Javascript onJanuary 22, 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中cookie对象的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
用IE重起计算机或者关机的示例代码
Mar 10 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
Aug 22 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
Javascript中的几种继承方式对比分析
Mar 22 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
JavaScript箭头(arrow)函数详解
Jun 04 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
使用vscode快速建立vue模板过程详解
Oct 10 Javascript
基于JavaScript获取url参数2种方法
Apr 17 Javascript
javascript二维数组转置实例
Jan 22 #Javascript
JavaScript学习笔记之内置对象
Jan 22 #Javascript
JavaScript学习笔记之JS事件对象
Jan 22 #Javascript
jquery实现搜索框常见效果的方法
Jan 22 #Javascript
JavaScript学习笔记之定时器
Jan 22 #Javascript
JavaScript学习笔记之JS对象
Jan 22 #Javascript
JavaScript学习笔记之JS函数
Jan 22 #Javascript
You might like
模仿OSO的论坛(二)
2006/10/09 PHP
mayfish 数据入库验证代码
2010/04/30 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
深入分析PHP设计模式
2020/06/15 PHP
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
JS操作CSS随机改变网页背景实现思路
2014/03/10 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
JS+CSS3制作炫酷的弹窗效果
2016/11/08 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python中title()方法的使用简介
2015/05/20 Python
python 调用钉钉机器人的方法
2019/02/20 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
Python关于反射的实例代码分享
2020/02/20 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
用Python开发app后端有优势吗
2020/06/29 Python
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
欧舒丹加拿大官网:L’Occitane加拿大
2017/10/29 全球购物
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
西式婚礼证婚词
2014/01/12 职场文书
探亲邀请信范文
2014/01/30 职场文书