在我平時(shí)開(kāi)發(fā)網(wǎng)頁(yè)的過(guò)程中，可能涉及到瀏覽器本地的存儲(chǔ)，現(xiàn)在主流的瀏覽器存儲(chǔ)方式有：cookie，直接讀取xml，userData，H5 的LocalStorage等，Cookie存儲(chǔ)數(shù)據(jù)有限，但對(duì)于數(shù)據(jù)量不大的時(shí)候操作還是比較方便的。

下面這個(gè)例子主要是實(shí)現(xiàn)在網(wǎng)頁(yè)打開(kāi)的時(shí)候彈出一個(gè)提示框，但第二次以后刷新網(wǎng)頁(yè)不在顯示提示框，當(dāng)然可以靈活的設(shè)置cookie的時(shí)間，控制是否顯示提示框。

<!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);//如果有第三個(gè)參數(shù)則保存cookie的天數(shù)，如果不設(shè)置，瀏覽器關(guān)閉時(shí)cookie過(guò)期
    }
  }

  (function(){
    ControlAlert();
  }());

</script>
</body>
</html>

以上就是關(guān)于cookied的相關(guān)操作，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: