JavaScript中Cookie操作实例

  作者:bea

JavaScript Cookie   Cookie对象:   Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。   Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。   Cookie文件的格式:   NS:Cookie.txt   IE:用户名@域名.txt   有两种类型的cookie:   (1)持久性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>





有用  |  无用

猜你喜欢