cookie的簡單留言框
我們在網頁瀏覽時退出後,再次進入時會有上次的記錄,這就用的上cookie屬性了,cookie就是服務器暫存放在你計算機上的一筆資料,好讓服務器用來辨認你的計算機。當你在瀏覽網站的時候,Web服務器會先送一小小資料放在你的計算機上,Cookie 會幫你在網站上所打的文字或是一些選擇,都記錄下來。當下次你再光臨同一個網站,Web服務器會先看看有沒有它上次留下的Cookie資料,有的話,就會依據Cookie裏的內容來判斷使用者,送出特定的網頁內容給你。
廢話不多說,我們來用一個小案例來看看吧;
我們先要在body裏設置一個留言框標簽設置上id,然後在js裏獲取一下留言框,之後我們就要我們的本地服務器上設置上cookie了
function setCookie(name,value,iDay){
//name : 屬性名稱
//value :屬性值
//iDay :保留時間
//測試一下有沒有保留時間
if(iDay){
//有保留事件,獲取一下系統時間
var oDate = new Date();
//獲取一下當天時間,好設置結束時間
oDate.setDate(oDate.getDate() + iDay);
//將獲取的各項指設置在網頁上
document.cookie = ‘‘ + name + ‘=‘ + value + ‘;path=/;expires=‘ + oDate + ‘‘;
}else{
//將獲取的各項指設置在網頁上
document.cookie = ‘‘ + name + ‘=‘ + value + ‘; path=/‘;
}
}
以下就是設置獲取本地服務器中的cookie數據的
//獲取一條cookie數據
function getCookie(name){
//將cookie值用;分開
var arr = document.cookie.split(‘; ‘);
//循環arr將每個設置上分隔
for(var i = 0; i < arr.length; i++){
var arr1 = arr[i].split(‘=‘);
if(arr1[0] == name){
return arr1[1];
}
}
return ‘‘;
}
根據上面的代碼來分析我們只需要將留言框中的value值設置在本地服務器上
txt.onkeyup = function(){
setCookie("txt",txt.value);
}
註意我們不能設置鍵盤按下的shijian事件,因為鍵盤按下事件只能記錄上鍵盤按下之前的記錄。
然後我們要將本地服務器中的記錄獲取並設置到網頁的留言框中。
txt.value = getCookie("txt");
這樣一個簡單的cookie的簡單留言框就出爐了。
還有最重要的一點就是別忘了在有服務器下來運行cookie;
cookie的簡單留言框