DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中Cookie操作實例教程
JavaScript中Cookie操作實例教程
編輯:關於JavaScript     

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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved