Java Script 9 3 n Cookie n cookie

  • Slides: 26
Download presentation

Java. Script 程式設計與應用:用於網頁用戶端 範例9 -3 n 主題: 設定並顯示 Cookie n 連結: cookie 02. htm

Java. Script 程式設計與應用:用於網頁用戶端 範例9 -3 n 主題: 設定並顯示 Cookie n 連結: cookie 02. htm (remote host, local host) n 程式碼重點 <input type="button" value="寫入 Cookie“ on. Click="document. cookie=escape(cookie. Name. value)+'='+es cape(cookie. Value. value); history. go(0)"> n 說明 n 將 document. cookie 加入 name=value 的新cookie。(若 具有同樣 name 的cookie 已經存在,則取代之。 ) n 使用escape()取代可能使程式出問題的字元。 10/25

Java. Script 程式設計與應用:用於網頁用戶端 範例9 -5 n n 主題: cookie. Utility. js (與Cookie相關的各種函數) n 連結:

Java. Script 程式設計與應用:用於網頁用戶端 範例9 -5 n n 主題: cookie. Utility. js (與Cookie相關的各種函數) n 連結: cookie. Utility. js (remote host, local host) 說明 n 包含了數種常用的基本函數: 1) set. Cookie: 加入一個 cookie。 2) del. Cookie: 刪除一個 cookie。 3) get. Cookie: 經由名稱來找到一個 cookie。 4) show. All. Cookie: 顯示 document. cookie。 5) get. Cookie. Value. By. Index: 經由索引值找某 cookie。 6) list. Cookie: 將所有 cookie 列在一個表格中。 13/25

Java. Script 程式設計與應用:用於網頁用戶端 範例9 -6 n 主題: 小餅乾試驗場(設定、移除、查詢) n 連結: cookie 03. htm (remote

Java. Script 程式設計與應用:用於網頁用戶端 範例9 -6 n 主題: 小餅乾試驗場(設定、移除、查詢) n 連結: cookie 03. htm (remote host, local host) n 程式碼重點 on. Click=“set. Cookie(cookie. Name 1. value, cookie. Value 1. value); history. go(0)" on. Click="del. Cookie(cookie. Name 2. value); history. go(0)" on. Click="cookie. Value 3. value=get. Cookie(cookie. Name 3. value)" n 說明 n 呼叫幾個函數(set. Cookie(), del. Cookie(), get. Cookie()等) 對 Cookie 進行處理,這些函數均定義於cookie. Utility. js。 15/25

Java. Script 程式設計與應用:用於網頁用戶端 刪除Cookie n 做法 n n 設定其失效日期,只要失效日期是早於現在的時 間,Cookie 就會被刪除。 程式碼內容 function del.

Java. Script 程式設計與應用:用於網頁用戶端 刪除Cookie n 做法 n n 設定其失效日期,只要失效日期是早於現在的時 間,Cookie 就會被刪除。 程式碼內容 function del. Cookie(name) { var exp = new Date(); exp. set. Time(exp. get. Time()-1); //設定 Cookie 的失效時間比目前時間還早 document. cookie=escape(name)+“=; expires=“+exp. to. GMTString(); //重新設定 Cookie } 17/25

Java. Script 程式設計與應用:用於網頁用戶端 標準HTTP Response Header n 舉例 HTTP/1. 0 200 OK Date: Tuesday,

Java. Script 程式設計與應用:用於網頁用戶端 標準HTTP Response Header n 舉例 HTTP/1. 0 200 OK Date: Tuesday, 09 -Nov-99 20: 58: 25 GMT Server: Open-Market-Secure-Web. Server/2. 0. 5. RC 0 MIME-version: 1. 0 Security-Scheme: S-HTTP/1. 1 Set-Cookie: USER=4 w. Om 1 zd 2 Vlbm. V 5 MTk 5 OQ; Path=/; Domain=. site. com; expires=Wed, 01 -Jan-2031 01: 01 GMT n 說明 n 「Set-Cookie: 」指定要下載至使用者端的 Cookie 元素。 n 一般使用瀏覽器看不到這些資訊,若要看到這些資訊,可 以使用 telnet。 22/25