JavaScript学习08 Cookie对象

JavaScript学习08 Cookie对象

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>

参考资料

  圣思园张龙老师Java Web视频教程。

  W3School JavaScript教程:http://www.w3school.com.cn/js/index.asp

  英文版:http://www.w3schools.com/js/default.asp

  JS Cookie:http://www.w3school.com.cn/js/js_cookies.asp

  之前的Cookie博文:http://www.cnblogs.com/mengdd/p/3635360.html

时间: 2024-10-13 21:30:57

JavaScript学习08 Cookie对象的相关文章

JavaScript强化教程-cookie对象

Cookie对象: 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据).Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. 存储 cookie <script>     function saveCookie(cname,cvalue,exdays){         var d = new Date();         d.setTim

javascript学习笔记---ECMAScriptECMAScript 对象----定义类或对象

使用预定义对象只是面向对象语言的能力的一部分,它真正强大之处在于能够创建自己专用的类和对象. ECMAScript 拥有很多创建对象或类的方法. 原始的方式 因为对象的属性可以在对象创建后动态定义(后绑定),类似下面的代码: var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { alert(this.color); };不过这里有一

javascript学习笔记---ECMAScriptECMAScript 对象----修改对象

通过使用 ECMAScript,不仅可以创建对象,还可以修改已有对象的行为. prototype 属性不仅可以定义构造函数的属性和方法,还可以为本地对象添加属性和方法. 创建新方法 通过已有的方法创建新方法Number.prototype.toHexString = function() { return this.toString(16); }; 在此环境中,关键字 this 指向 Number 的实例,因此可完全访问 Number 的所有方法.有了这段代码,可实现下面的操作: var iNu

javascript中的 cookie对象

Cookie 对象 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的数据信息(Cookie数据).Cookie文件夹中的用户数据信息(Cookie数据).Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取.(不允许进行跨域的访问) Cookie文件的格式: NS:Cookie.txt IE:用户名@域名.txt   javascript 写入Cookie 格式: docum

javascript学习(原型对象)

在javascript中,原型对象我是认为还是比较晦涩难懂的. 在js中我们可以认为js是面对对象的,跟java差不多,本人也是java出身.在js中 对象的理解与java等其他强类型的语言是不一样的,所以会造成很多后端人员学习js这一块会觉得难以理解.但是js这种原型的灵活性也会造成很多的问题,在这里推荐大家看本书<javascript语言精粹>,另外在新的ES6中就引入了class的概念,符合这本书的初衷 对js语言进行"取其精华,去其糟粕". 首先 javascrip

重温Servlet学习笔记--Cookie对象

首先要了解cookie必须得先了解http协议,,Cookie是http协议指定的,先由服务器保存cookie到浏览器,在下次浏览器请求服务器时把上次请求得到的cookie归还给服务器,cookie以键值对的形式保存在本地的缓存中. HTTP协议规定: 1个cookie最大4kb 一个服务器最多向一个浏览器保存20个cookie 一个浏览器最多保存300个cookie 注意,不同浏览器还是略有差异,不是所有浏览器都老老实实的遵守这个规定. cookie的用途举例: 服务器使用cookie来跟踪客

JavaScript学习笔记——BOM_window对象

javascript浏览器对象模型-windwo对象(上) BOM Browser Object Model window对象 是BOM中所有对象的核心. 一.属性 1.(位置类型-获得浏览器的位置) IE: window.screenLeft 可以获得浏览器距屏幕左上角的左边距 window.screenTop 可以获得浏览器距屏幕左上角的上边距 //IE //左边距 //alert(screenLeft) //上边距 //alert(screenTop) FF: alert(screenX)

JavaScript 学习笔记— —cookie

什么是 Cookie “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值.” - w3schoolcookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息.在JavaScript中可以通过 document.c

javascript学习之js对象和json对象(obj=JSON.parse(stu))

js对象是键值对的容器, 一定要了解逗号和分号在js里面的用途 如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量./w3cschool/i 是一个正则表达式.w3cschool 是一个模式 (用于检索).i 是一个修饰符 (搜索不区分大小写).使用正则表达式搜索 "w3cschool" 字符串,且不区分大小写:var str = "Visit w3cschool";var n = str.search(/w3cschool/i); 获取指定id