Maison > Article > interface Web > Application simple des compétences javascript cookie_javascript

Application simple des compétences javascript cookie_javascript

WBOYoriginal: 2016-05-16 15:13:441546parcourir

Dans mon processus habituel de développement de pages Web, cela peut impliquer le stockage local du navigateur. Les méthodes de stockage actuelles du navigateur incluent : les cookies, la lecture directe de XML, userData, H5 LocalStorage, etc. Les données stockées par les cookies sont limitées, mais Il est plus pratique de fonctionner lorsque la quantité de données n'est pas importante.

L'exemple suivant consiste principalement à afficher une boîte de dialogue lorsque la page Web est ouverte, mais la boîte de dialogue ne s'affichera pas lorsque la page Web sera actualisée après la deuxième fois. Bien entendu, la durée du cookie peut être définie de manière flexible. pour contrôler s'il faut afficher la boîte de dialogue.

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

Ce qui précède sont les opérations liées aux cookies. J'espère que cela sera utile à l'apprentissage de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Trois façons d'implémenter des composants dans Node.js_node.jsArticle suivant：Trois façons d'implémenter des composants dans Node.js_node.js

Articles Liés

Voir plus