在我平時開發網頁的過程中,可能涉及到瀏覽器本地的存儲,現在主流的瀏覽器存儲方式有:cookie,直接讀取xml,userData,H5 的LocalStorage等,Cookie存儲數據有限,但對于數據量不大的時候操作還是比較方便的。
下面這個例子主要是實現在網頁打開的時候彈出一個提示框,但第二次以后刷新網頁不在顯示提示框,當然可以靈活的設置cookie的時間,控制是否顯示提示框。
<!DOCTYPE html><html><head lang="en">  <meta charset="UTF-8">  <title></title></head><body><script>  var cookie = {    setCookie:function(name,value,iDay){      var cookieStr = '';      if(iDay == undefined){        cookieStr += name+'='+value+';';      }else{        var oDate = new Date();        oDate.setDate(oDate.getDate()+iDay);        cookieStr += name+'='+value+';express='+oDate;      }      document.cookie = cookieStr;    },    getCookie:function(name){      var arr = document.cookie.split(';');      for(var i=0;i<arr.length;i++){        var arr2 = arr[i].split('=');        if(arr2[0] == name){          return arr2[1];        }      }      return '';    },    removeCookie:function(name){      this.setCookie(name,'1',-1);    }  }  function ControlAlert(){    var flag = cookie.getCookie('flag');    if(!flag){      alert("我是第一次加載的喲!");      cookie.setCookie('flag',true);      //cookie.setCookie('flag',true,1);//如果有第三個參數則保存cookie的天數,如果不設置,瀏覽器關閉時cookie過期    }  }  (function(){    ControlAlert();  }());</script></body></html>以上就是關于cookied的相關操作,希望對大家的學習有所幫助。
新聞熱點
疑難解答