快捷導(dǎo)航

JavaScript學(xué)習(xí)筆記之Cookie對(duì)象

更新時(shí)間：2015年01月22日 11:21:28 投稿：hebedich

本文主要簡(jiǎn)單介紹了javascript中cookie對(duì)象的概念，以及cookie的讀取，寫入，刪除操作的方法，并附上示例，非常不錯(cuò)，這里推薦給小伙伴們。

JavaScript Cookie

　　Cookie對(duì)象：

　　Cookie是一種以文件的形式保存在客戶端硬盤的Cookies文件夾中的用戶數(shù)據(jù)信息(Cookie數(shù)據(jù))。

　　Cookie文件由所訪問(wèn)的Web站點(diǎn)建立，以長(zhǎng)久的保存客戶端與Web站點(diǎn)間的會(huì)話數(shù)據(jù)，并且該Cookie數(shù)據(jù)只允許被所訪問(wèn)的Web站點(diǎn)進(jìn)行讀取。

　　Cookie文件的格式：

　　NS：Cookie.txt

　　IE：用戶名@域名.txt

　　有兩種類型的cookie:

　　(1)持久性cookie，會(huì)被存儲(chǔ)到客戶端的硬盤上。

　　(2)會(huì)話Cookie：不會(huì)存儲(chǔ)到客戶端的硬盤上，而是放在瀏覽器進(jìn)程所處的內(nèi)存當(dāng)中，當(dāng)瀏覽器關(guān)閉則該會(huì)話cookie就銷毀了。

用JS實(shí)現(xiàn)Cookie操作

　　寫入Cookie：

　　document.cookie = " 關(guān)鍵字 = 值 [ ; expires = 有效日期 ] [;...]"

　　讀取Cookie：

　　document.cookie

　　刪除Cookie：

　　document.cookie = " 關(guān)鍵字 = ; expires = 當(dāng)前日期"

　　備注：

　　1.有效日期格式：Wdy,DD-Mon-YY HH:MM:SS GMT

　　2.Wdy / Mon：英文星期 / 月份；

　　3.還包含path、domain、secure屬性；

　　4.每個(gè)Web站點(diǎn)(domain)可建立20個(gè)Cookie數(shù)據(jù)；

　　5.每個(gè)瀏覽器可存儲(chǔ)300個(gè)Cookie數(shù)據(jù)，4k字節(jié)；

　　6.客戶有權(quán)禁止Cookie數(shù)據(jù)的寫入。

實(shí)例

復(fù)制代碼代碼如下:

<!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); //一個(gè)月之后過(guò)期

        //寫入cookie

        document.cookie = "name=mengdd;expires="+expiredDay.toGMTString();

        document.writeln("cookie已經(jīng)寫到硬盤上了");

        //讀取cookie

        document.writeln("內(nèi)容是：" + document.cookie);

        document.writeln("expire day: " + expiredDay.toGMTString());

    </script>

  </body>

</html>