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

Application simple des compétences javascript cookie_javascript

WBOY
Libérer: 2016-05-16 15:13:44
original
1606 Les gens l'ont consulté

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>
Copier après la connexion

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal