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 call方法使用说明
Jan 11 Javascript
Extjs单独定义各组件的实例代码
Jun 25 Javascript
js局部刷新页面时间具体实现
Jul 04 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 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
在线增减.htpasswd内的用户
2006/10/09 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
关于hashchangebroker和statehashable的补充文档
2011/08/08 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
angularjs之$timeout指令详解
2017/06/13 Javascript
基于JS递归函数细化认识及实用实例(推荐)
2017/08/07 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
2017/08/17 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
Django的分页器实例(paginator)
2017/12/01 Python
python实现list由于numpy array的转换
2018/04/04 Python
python socket网络编程之粘包问题详解
2018/04/28 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
HTML5离线应用与客户端存储的实现
2018/05/03 HTML / CSS
SQL Server的固定数据库角色都有哪些?对应的服务器权限有哪些?
2013/05/18 面试题
文员自我评价怎么写
2013/09/19 职场文书
见义勇为事迹材料
2014/12/24 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
会计岗位工作总结
2015/08/12 职场文书
机械生产实习心得体会
2016/01/22 职场文书
Python中for后接else的语法使用
2021/05/18 Python
MongoDB使用场景总结
2022/02/24 MongoDB