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 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
JS中的Replace方法使用经验分享
May 20 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
Mar 01 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
Jul 04 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
Node.js服务器开启Gzip压缩教程
Aug 11 Javascript
vue 做移动端微信公众号采坑经验记录
Apr 26 Javascript
修改Vue打包后的默认文件名操作
Aug 12 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获取photoshop写入图片文字信息的方法
2015/03/31 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
详解React中setState回调函数
2018/06/14 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
英国足球店:UK Soccer Shop
2017/11/19 全球购物
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
2014年党员发展工作总结
2014/12/02 职场文书
租赁协议书
2015/01/27 职场文书
综合素质评价自我评价
2015/03/06 职场文书
保护环境的宣传语
2015/07/13 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
JS Object构造函数之Object.freeze
2021/04/28 Javascript
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js