JavaScript Cookies ,cookie 用來識别使用者。

利用使用者在提示框中輸入的資料建立一個 JavaScript Cookie，當該使用者再次通路該頁面時，根據 cookie 中的資訊發出歡迎資訊。

什麼是cookie?

cookie 是存儲于通路者的計算機中的變量。每當同一台計算機通過浏覽器請求某個頁面時，就會發送這個 cookie。你可以使用 JavaScript 來建立和取回 cookie 的值。

有關cookie的例子：

名字 cookie

當通路者首次通路頁面時，他或她也許會填寫他/她們的名字。名字會存儲于 cookie 中。當通路者再次通路網站時，他們會收到類似 "Welcome John Doe!" 的歡迎詞。而名字則是從 cookie 中取回的。

密碼 cookie

當通路者首次通路頁面時，他或她也許會填寫他/她們的密碼。密碼也可被存儲于 cookie 中。當他們再次通路網站時，密碼就會從 cookie 中取回。

日期 cookie

當通路者首次通路你的網站時，目前的日期可存儲于 cookie 中。當他們再次通路網站時，他們會收到類似這樣的一條消息："Your last visit was on Tuesday August 11, 2005!"。日期也是從 cookie 中取回的。

建立和存儲 cookie

在這個例子中我們要建立一個存儲通路者名字的 cookie。當通路者首次通路網站時，他們會被要求填寫姓名。名字會存儲于 cookie 中。當通路者再次通路網站時，他們就會收到歡迎詞。

首先，我們會建立一個可在 cookie 變量中存儲通路者姓名的函數：

function setCookie(c_name,value,expiredays)

var exdate=new Date()

exdate.setDate(exdate.getDate()+expiredays)

document.cookie=c_name+ "=" +escape(value)+

((expiredays==null) ? "" : ";expires="+exdate.toGMTString())

上面這個函數中的參數存有 cookie 的名稱、值以及過期天數。

在上面的函數中，我們首先将天數轉換為有效的日期，然後，我們将 cookie 名稱、值及其過期日期存入 document.cookie 對象。

之後，我們要建立另一個函數來檢查是否已設定 cookie：

function getCookie(c_name)

if (document.cookie.length>0)

  c_start=document.cookie.indexOf(c_name + "=")

  if (c_start!=-1)

    c_start=c_start + c_name.length+1

    c_end=document.cookie.indexOf(";",c_start)

   if (c_end==-1) c_end=document.cookie.length

    return unescape(document.cookie.substring(c_start,c_end))

return ""

上面的函數首先會檢查 document.cookie 對象中是否存有 cookie。假如 document.cookie 對象存有某些 cookie，那麼會繼續檢查我們指定的 cookie 是否已儲存。如果找到了我們要的 cookie，就傳回值，否則傳回空字元串。

最後，我們要建立一個函數，這個函數的作用是：如果 cookie 已設定，則顯示歡迎詞，否則顯示提示框來要求使用者輸入名字。

function checkCookie()

username=getCookie('username')

if (username!=null && username!="")

  {alert('Welcome again '+username+'!')}

else

  username=prompt('Please enter your name:',"")

  if (username!=null && username!="")

    setCookie('username',username,365)

這是所有的代碼：

<html>

<head>

<script type="text/javascript">

function getCookie(c_name)

if (document.cookie.length>0)

  c_start=document.cookie.indexOf(c_name + "=")

  if (c_start!=-1)

    c_start=c_start + c_name.length+1

    c_end=document.cookie.indexOf(";",c_start)

    if (c_end==-1) c_end=document.cookie.length

    return unescape(document.cookie.substring(c_start,c_end))

return ""

function setCookie(c_name,value,expiredays)

var exdate=new Date()

exdate.setDate(exdate.getDate()+expiredays)

document.cookie=c_name+ "=" +escape(value)+

((expiredays==null) ? "" : ";expires="+exdate.toGMTString())

function checkCookie()

username=getCookie('username')

if (username!=null && username!="")

  {alert('Welcome again '+username+'!')}

else

  username=prompt('Please enter your name:',"")

  if (username!=null && username!="")

    setCookie('username',username,365)

</script>

</head>

<body onLoad="checkCookie()">

</body>

</html>

繼續閱讀