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 相关文章推荐
Javascript调试工具(下载)
Jan 09 Javascript
jQuery Ajax之load()方法
Oct 12 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 Javascript
JavaScript实现查找字符串中第一个不重复的字符
Dec 29 Javascript
跟我学习javascript的循环
Nov 18 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 Javascript
简单几步实现返回顶部效果
Dec 05 Javascript
详解ECharts使用心得总结
Dec 06 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 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
PHP 事务处理数据实现代码
2010/05/13 PHP
php HtmlReplace输入过滤安全函数
2010/07/03 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
zf框架的registry(注册表)使用示例
2014/03/13 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
js常用系统函数用法实例分析
2015/01/12 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
跟老齐学Python之私有函数和专有方法
2014/10/24 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
Python内置函数delattr的具体用法
2017/11/23 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
python requests post多层字典的方法
2018/12/27 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
课例研修方案
2014/05/31 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis