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闭包 实例分析
Dec 25 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
js获取日期:昨天今天和明天、后天
Jun 11 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
Oct 14 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
实例讲解vue源码架构
Jan 24 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 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
Terran历史背景
2020/03/14 星际争霸
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
php里array_work用法实例分析
2015/07/13 PHP
CI框架中$this-&gt;load-&gt;library()用法分析
2016/05/18 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
Python序列化基础知识(json/pickle)
2017/10/19 Python
Python进程间通信之共享内存详解
2017/10/30 Python
Python使用while循环花式打印乘法表
2019/01/28 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
计算机软件个人的自荐信范文
2013/12/01 职场文书
行政专员工作职责
2013/12/22 职场文书
人事助理自荐信
2014/02/02 职场文书
人力资源部经理助理岗位职责
2014/03/04 职场文书
倡导文明标语
2014/06/16 职场文书
2014年终个人工作总结
2014/11/07 职场文书
2014年物流工作总结
2014/11/25 职场文书
2015年简历自我评价范文
2015/03/11 职场文书
2015年新农合工作总结
2015/03/30 职场文书
感谢信
2019/04/11 职场文书
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技