第9章 使用JavaScript操作cookies.ppt

* 展示简单的JS例子(hello-7-同步练习.htm)，并运行。 JavaScript网页开发技术 汤宏斌 tanghongbin78@163.com JavaScript第9章：使用JavaScript操作cookies 本章目标 认识cookies 使用cookies保存页面信息 使用cookies读取信息 cookies的一些工具 课程安排 什么是Cookies 使用cookies 让cookies存储信息 从cookies读取信息 cookies示例 什么是Cookies cookies是一种对客户端硬盘的数据进行存取的技术，这种技术能够让网站把少量的数据存储到客户端的硬盘，同时也能够从客户端的硬盘读取存储的数据。存储的方式表现为一个很小的文本文件，这个文件可以存储的东西很多，比如用户名、访问时间、密码等等。 同一个网站只能存取自己创建的cookies，不能够访问别的网站保存的cookies，cookies中的内容大都经过加密。 与服务器端程序PHP、JSP、ASP等操作相比，JavaScript直接在客户端的HTML页面里对cookies进行操作，更为简单。 什么是Cookies win7、win8系统cookies位置 C:\Users\用户名\AppData\Roaming\Microsoft\Windows\Cookies 使用Cookies 1、创建cookies document.cookie = “name = value”； 对象 属性 document.cookie = username = tom; document.cookie = city = chongqing; document.cookie = zip = 400067; 上面在同一文档创建3个名称的cookies，就会创建3个cookies。 使用Cookies 1、创建cookies document.cookie = escape(“username=tom;city=chongqing;zip=400067”); 由于cookies是通过HTTP来传递，而HTTP不允许既非字母又非数字的特殊字符被传递。故在JavaScript中，常用escape()方法编码，再用unescape()方法解码。 使用cookies 2、定义cookies过期时间 不定义cookies的生命周期，则cookies在关闭浏览器时，就失效。 用expires属性定义生命周期。 格林威治标准时间的表示： Weekday Mon DD HH:MM:SS Time Zone YYYY 具体实例： Mon Oct 22 13:22:34 PST 2012 expires过期时间可以手动设置，也可以用Date对象设置。 使用cookies Date对象的常用方法 方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getHours() 返回 Date 对象的小时 (0 ~ 23)。 getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 使用cookies Date对象的常用方法 setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。 setMonth() 设置 Date 对象中月份 (0 ~ 11)。 setFullYear() 设置 Date 对象中的年份（四位数字）。 setHours() 设置 Date 对象中的小时 (0 ~ 23)。 setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。 setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。 setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。 setTime() 以毫秒设置 Date 对象。 toUTCString() 根据世界时，把 Date 对象转换为字符串。 toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。 使用cookies Date对象的常用方法 var ed