Heim > Web-Frontend > js-Tutorial > Hauptteil

Einfache Anwendung von Javascript-Cookie_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:13:44
Original
1581 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!