1. 程式人生 > >JavaScript Cookie

JavaScript Cookie

cookie 服務端 瀏覽器 res blog div 需要 信息 路徑

什麽是 Cookie?


  Cookie 是一些數據, 存儲於你電腦上的文本文件中。

  當 web 服務器向瀏覽器發送 web 頁面時,在連接關閉後,服務端不會記錄用戶的信息。

  Cookie 的作用就是用於解決 "如何記錄客戶端的用戶信息":

      • 當用戶訪問 web 頁面時,他的名字可以記錄在 cookie 中。
      • 在用戶下一次訪問該頁面時,可以在 cookie 中讀取用戶訪問記錄。

  Cookie 以名/值對形式存儲,如下所示:

    username=John Doe

使用 JavaScript 創建Cookie


  JavaScript 可以使用 document.cookie

屬性來創建 、讀取、及刪除 cookie。

  JavaScript 中,創建 cookie 如下所示:

    document.cookie="username=John Doe";

  您還可以為 cookie 添加一個過期時間(以 UTC 或 GMT 時間)。默認情況下,cookie 在瀏覽器關閉時刪除:

    document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

  您可以使用 path 參數告訴瀏覽器 cookie 的路徑。默認情況下,cookie 屬於當前頁面。

    document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

使用 JavaScript 讀取 Cookie


  在 JavaScript 中, 可以使用以下代碼來讀取 cookie:

    var x = document.cookie;

使用 JavaScript 修改 Cookie、


  在 JavaScript 中,修改 cookie 類似於創建 cookie,如下所示: 舊的 cookie 將被覆蓋。

    document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

使用 JavaScript 刪除 Cookie


  刪除 cookie 非常簡單。您只需要設置 expires 參數為以前的時間即可,如下所示,設置為 Thu, 01 Jan 1970 00:00:00 GMT: 註意,當您刪除時不必指定 cookie 的值。

    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

JavaScript Cookie