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 相关文章推荐
js+xml生成级联下拉框代码
Jul 24 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
jquery.validate.js 多个相同name的处理方式
Jul 10 jQuery
Vue仿今日头条实例详解
Feb 06 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
js编写简易的计算器
Jul 29 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
谈一谈收音机的高放电路
2021/03/02 无线电
ThinkPHP php 框架学习笔记
2009/10/30 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
javascript动态加载二
2012/08/22 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
JQuery radio(单选按钮)操作方法汇总
2015/04/15 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
基于javascript实现图片预加载
2016/01/05 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
基于Marquee.js插件实现的跑马灯效果示例
2017/01/25 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
在Python中使用poplib模块收取邮件的教程
2015/04/29 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
Python定义一个跨越多行的字符串的多种方法小结
2018/07/19 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
解决python运行效率不高的问题
2020/07/20 Python
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
英国时尚饰品和发饰购物网站:Claire’s
2017/07/04 全球购物
Bodum官网:咖啡和茶壶、玻璃器皿、厨房电器等
2018/08/01 全球购物
美国按摩椅批发网站:Titan Chair
2018/12/27 全球购物
打架检讨书100字
2014/01/08 职场文书
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android