JavaScript中Cookie操作執行個體_javascript技巧

來源:互聯網
上載者:User

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>


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.