javascript cookie的簡單應用,javascriptcookie

來源:互聯網
上載者:User

javascript cookie的簡單應用,javascriptcookie

在我平時開發網頁的過程中,可能涉及到瀏覽器本地的儲存,現在主流的瀏覽器儲存方式有: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的相關操作,希望對大家的學習有所協助。

您可能感興趣的文章:
  • jquery.cookie.js 操作cookie實現記住密碼功能的實現代碼
  • JS讀取cookies資訊(記錄使用者名稱)
  • JS操作Cookies包括(讀取添加與刪除)
  • JS儲存和刪除cookie操作 判斷cookie是否存在
  • httpclient類比登陸具體實現(使用js設定cookie)
  • JS設定擷取cookies的方法
  • js擷取指定的cookie的具體實現
  • js中的cookie的讀寫操作樣本詳解
  • JS實現清除指定cookies的方法
  • JS設定cookie、讀取cookie、刪除cookie

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.