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

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




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



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



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