什麼是cookie?js手動建立和儲存cookie_javascript技巧

什麼是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) } } } 這是所有的程式碼： 複製程式碼 程式碼如下:

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)
function setCookie(c_name value,expireday)
var exdate=new Date()
exdate.setDate(exdate.getDate() expiredays)
document.cookie=c_name "= escape(value)
((expiredays==null) " " : ";expires=" exdate.toGMTString())
}

函數checkCookie()
{
username=getCookie('使用者名稱')
if ( != null && username!="")
{alert('歡迎再次'用戶名'!')}
else
{
username=prompt('請輸入您的姓名:' ," ")
if (使用者名稱!=null && 使用者名稱!="")
{
setCookie('使用者名稱',使用者名稱,365)
}
}
}
> 腳本
頭>


身體>