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
Mar 09 Javascript
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 Javascript
webpack 最佳配置指北(推荐)
Jan 07 Javascript
JS实现瀑布流效果
Mar 07 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 模拟POST提交的2种方法详解
2013/06/17 PHP
教你如何解密 “ PHP 神盾解密工具 ”
2014/06/20 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
JS内置对象和Math对象知识点详解
2020/04/03 Javascript
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
pyramid配置session的方法教程
2013/11/27 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
对python中的pop函数和append函数详解
2018/05/04 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
shell的种类有哪些
2015/04/15 面试题
应届生船舶驾驶求职信
2013/10/19 职场文书
厨房管理计划书
2014/04/27 职场文书
小学社团活动总结
2014/06/27 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
我的中国梦主题班会
2015/08/14 职场文书
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript