網(wǎng)站制作教程之javascript客戶(hù)端數(shù)據(jù)存儲(chǔ)機(jī)制Cookie

Cookie,翻譯成中文叫小甜餅，其只是瀏覽器緩存中的一小段信息，通過(guò)Cookie，網(wǎng)站制作可以識(shí)別用戶(hù)，例如月戶(hù)是否第一次訪(fǎng)問(wèn)、已瀏覽過(guò)哪些內(nèi)容等。也可以用于驗(yàn)證用戶(hù)是否登陸網(wǎng)站，這樣用戶(hù)可以只登錄一次網(wǎng)站，下次再來(lái)時(shí)就不需要再次登錄等?？傊?，Cookie非常有用。JavaScript可以方便地設(shè)置、獲取和刪除Cookie，考查代碼1-9這個(gè)應(yīng)用案例。




將以上代碼保存為“cookie.htm"，用瀏覽器打開(kāi)，結(jié)果如圖1.20所示。



代碼分析：在上例的JavaScript腳木中，出現(xiàn)了以往都沒(méi)有看到過(guò)的結(jié)構(gòu)和關(guān)健字。



以關(guān)鍵字“function”開(kāi)頭的被稱(chēng)為函數(shù)，后面緊跟的是函數(shù)名"setCookie"，函數(shù)名后面括號(hào)里面的是參數(shù)name, value和days。本代碼中一共有3個(gè)這樣的函數(shù)，這3個(gè)函數(shù)定義好后并沒(méi)有馬上運(yùn)行，如"setCookie"函數(shù)，是在代碼第31行調(diào)用時(shí)才運(yùn)行，調(diào)用函數(shù)時(shí)沒(méi)有"function"關(guān)鍵字。同時(shí)函數(shù)名后面的參數(shù)也換成了期望傳給函數(shù)的值，這是因?yàn)楹瘮?shù)就像是一部機(jī)器，造好后才能使用，第7-26行即是造函數(shù)，第31、34、37、40行才是用函數(shù)。第31行setCookie函數(shù)設(shè)置了一個(gè)名為"dandan”的Cookie，其值是"3333'，有效期是"60”天。第34行，getCookie的數(shù)獲取名為“dandan”的Cookie值，如果有值則會(huì)顯示設(shè)置的值，如果不存在名為“dandan"的Cookie，就會(huì)顯示“null"。第37行，delCookie函數(shù)刪除名為“dandan”的Cookie。第40行，再次調(diào)用getCookie函數(shù)顯示"dandan”的值，這時(shí)候因?yàn)槊麨?ldquo;dandan”的Cookie己經(jīng)被刪除，所以顯示"null"。