Rumah > Artikel > hujung hadapan web > Aplikasi mudah kemahiran cookie_javascript javascript

Aplikasi mudah kemahiran cookie_javascript javascript

WBOYasal: 2016-05-16 15:13:441548semak imbas

Dalam proses biasa saya untuk membangunkan halaman web, ia mungkin melibatkan storan tempatan penyemak imbas Kaedah storan penyemak imbas arus perdana termasuk: kuki, bacaan langsung xml, userData, H5 LocalStorage, dsb. Data simpanan kuki adalah terhad, tetapi. Ia lebih mudah untuk beroperasi apabila jumlah data tidak besar.

Contoh berikut terutamanya untuk memaparkan kotak gesaan apabila halaman web dibuka, tetapi kotak gesaan tidak akan dipaparkan apabila halaman web dimuat semula selepas kali kedua Sudah tentu, masa kuki boleh ditetapkan secara fleksibel untuk mengawal sama ada untuk memaparkan kotak gesaan.

<!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>

Di atas adalah operasi yang berkaitan dengan cookied. Saya harap ia akan membantu pembelajaran semua orang.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Tiga cara untuk melaksanakan komponen dalam Node.js_node.jsArtikel seterusnya：Tiga cara untuk melaksanakan komponen dalam Node.js_node.js

Artikel berkaitan

Lihat lagi