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 相关文章推荐
javascript CSS画图之基础篇
Jul 29 Javascript
javascript getElementsByClassName 和js取地址栏参数
Jan 02 Javascript
javascript修改IMG标签的src问题
Mar 28 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
JQuery常见节点操作实例分析
May 15 jQuery
vue插槽slot的简单理解与用法实例分析
Mar 14 Javascript
javascript使用Blob对象实现的下载文件操作示例
Apr 18 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
Jul 24 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 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
建立动态的WML站点(一)
2006/10/09 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
jQuery筛选器children()案例详解(图文)
2013/02/17 Javascript
javascript常见操作汇总
2014/09/03 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
详解jQuery中ajax.load()方法
2017/01/25 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
python中bisect模块用法实例
2014/09/25 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
在线服装零售商:SheIn
2016/07/22 全球购物
写一个方法1000的阶乘
2012/11/21 面试题
上海中网科技笔试题
2012/02/19 面试题
大学生自荐书范文
2013/12/10 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
感恩教育月活动总结
2014/07/07 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
校长师德表现自我评价
2015/03/05 职场文书
大学生暑期实践报告
2015/07/13 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
Nginx限流和黑名单配置
2022/05/20 Servers