欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript cookie的簡單應(yīng)用

 更新時間：2016年02月24日 14:58:16   作者：CangoWu  
這篇文章主要介紹了javascript cookie的簡單應(yīng)用，我們先介紹一下cookie的使用，以及我后面簡單封裝一個cookie操作的單例，便于實(shí)現(xiàn)cookie的設(shè)置，獲取，刪除的方法，感興趣的小伙伴們可以參考一下

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

下面這個例子主要是實(shí)現(xiàn)在網(wǎng)頁打開的時候彈出一個提示框，但第二次以后刷新網(wǎng)頁不在顯示提示框，當(dāng)然可以靈活的設(shè)置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);//如果有第三個參數(shù)則保存cookie的天數(shù)，如果不設(shè)置，瀏覽器關(guān)閉時cookie過期
    }
  }

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

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

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

相關(guān)文章

最新評論