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 相关文章推荐
JQuery 学习笔记 选择器之一
Jul 23 Javascript
动态样式类封装JS代码
Sep 02 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
Jul 06 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
Aug 22 Javascript
使用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
WordPress中查询文章的循环Loop结构及用法分析
2015/12/17 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
php判断是否连接上网络的方法实例详解
2016/12/14 PHP
使用composer 安装 laravel框架的方法图文详解
2019/08/02 PHP
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
JavaScript代码调试方法实例小结
2019/01/05 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
python里对list中的整数求平均并排序
2014/09/12 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
Python OpenCV实现视频分帧
2019/06/01 Python
树莓派使用python-librtmp实现rtmp推流h264的方法
2019/07/22 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
Python类中self参数用法详解
2020/02/13 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
python 装饰器重要在哪
2021/02/14 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
美国旅游网站:Tours4Fun
2017/02/17 全球购物
小学新教师培训方案
2014/02/03 职场文书
婚礼主持词
2014/03/13 职场文书
教师调动申请报告
2015/05/18 职场文书
投诉信回复范文
2015/07/03 职场文书