1. 程式人生 > >cookie的簡單留言框

cookie的簡單留言框

數據 res 系統 網頁 多說 turn 再次 內容 .get

  我們在網頁瀏覽時退出後,再次進入時會有上次的記錄,這就用的上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的簡單留言框