Heim > Artikel > Web-Frontend > Einfache Anwendung von Javascript-Cookie_Javascript-Kenntnissen

Einfache Anwendung von Javascript-Cookie_Javascript-Kenntnissen

WBOYOriginal: 2016-05-16 15:13:441548Durchsuche

In meinem üblichen Prozess der Entwicklung von Webseiten kann es zu einer lokalen Speicherung des Browsers kommen. Zu den aktuellen gängigen Browser-Speichermethoden gehören: Cookies, direktes Lesen von XML, UserData, H5 LocalStorage usw. Cookies speichern Daten, aber Die Bedienung ist bequemer, wenn die Datenmenge nicht groß ist.

Das folgende Beispiel dient hauptsächlich dazu, beim Öffnen der Webseite ein Eingabeaufforderungsfeld anzuzeigen. Beim zweiten Aktualisieren der Webseite wird das Eingabeaufforderungsfeld jedoch nicht angezeigt. Natürlich kann die Cookie-Zeit flexibel eingestellt werden um zu steuern, ob das Eingabeaufforderungsfeld angezeigt werden soll.

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

Die oben genannten Vorgänge sind die mit Cookies verbundenen Vorgänge. Ich hoffe, dass sie für das Lernen aller hilfreich sind.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Drei Möglichkeiten, Komponenten in Node.js_node.js zu implementierenNächster Artikel：Drei Möglichkeiten, Komponenten in Node.js_node.js zu implementieren

In Verbindung stehende Artikel

Mehr sehen