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 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
js图片跟随鼠标移动代码
Nov 26 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
vue-test-utils初使用详解
May 23 Javascript
vue实现二级导航栏效果
Oct 19 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 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
php遍历目录下文件并按修改时间排序操作示例
2019/07/12 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
项目实践之javascript技巧
2007/12/06 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
javascript实现window.print()去除页眉页脚
2014/12/30 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
ES6的新特性概览
2016/03/10 Javascript
AngularJS实现的回到顶部指令功能实例
2017/05/17 Javascript
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
Python常用小技巧总结
2015/06/01 Python
解决Python3.5+OpenCV3.2读取图像的问题
2018/12/05 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
英国工具中心:UK Tool Centre
2017/07/10 全球购物
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
会计专业自荐信
2013/12/02 职场文书
宠物店的创业计划书范文
2014/01/11 职场文书
党校培训自我鉴定
2014/02/01 职场文书
文明餐桌活动方案
2014/02/11 职场文书
安全生产计划书
2014/05/04 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
新闻稿件写作范文
2015/07/18 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
创业计划书之家教托管
2019/09/25 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript