HTML5 - Cookies

Inhaltsverzeichnis
Cookies sind kleine Dateneinheiten, die im Browser der Person, die eine Seite besucht, gespeichert werden, damit einige Daten über ihre Navigation auf einer bestimmten Seite abgerufen werden können , um entweder Ergebnisse zu Ihrem vorherigen Besuch anzuzeigen oder Ihre personenbezogenen Daten sofort anzuzeigen.
Mit HTML5 und das Dokumentobjekt Wir können Cookies mit der Sprache Javascript schreiben, dank dessen können wir die Funktionalität unserer Seiten erweitern und ein robusteres Surferlebnis bieten.
Cookies lesen und schreiben
Wie eingangs erwähnt, dank des Objekts dokumentieren Wir können den Umgang mit Cookies tun, mit dem folgenden Code werden wir ein kleines Beispiel dafür machen, damit wir verstehen können, wie die Prozesse ausgeführt werden:
 Beispiel Cookie hinzufügen Update-Cookie 

Die Cookie-Eigenschaft funktioniert auf besondere Weise, wenn wir den Wert der Eigenschaft lesen, erhalten wir alle Cookies, die mit dem Dokument verknüpft sind. Cookies haben eine Name/Wert-Paarstruktur und Sie können Name = Wert sehen.
Wenn nun mehrere Cookies abgerufen werden, sehen wir, dass wir sie wie folgt durch ein Semikolon getrennt erhalten: name1 = value1; name2 = value2; name3 = value3. Und so weiter mit allem, was wir haben.
Nun ist das Verhalten beim Hinzufügen eines Cookies wie folgt, wir weisen ein neues Name/Wert-Paar als Wert der Cookie-Eigenschaft des Dokumentobjekts zu und somit werden die Dokument-Cookies hinzugefügt. In diesem Prozess können wir jeweils nur ein Cookie hinzufügen. Wenn wir einen Wert zuweisen, der einem vorhandenen Cookie-Namen entspricht, wird er mit diesem Wert aktualisiert.
Nachdem wir die Funktionsweise von Cookies geklärt haben, erklären wir den Code, den wir eingefügt haben. Wir sehen, dass wir im Dokument zwei Schaltflächen haben, denen jeweils eine Funktion zugewiesen wurde Cookie hinzufügen um Cookies hinzuzufügen und Cookie aktualisieren um sie zu aktualisieren, wenn wir die erste verwenden, wird die Funktion aktiviert Cookie erstellen wodurch ein neues Name/Wert-Paar erstellt wird, das der Cookie-Sammlung des Dokuments hinzugefügt wird, die zweite Schaltfläche ruft die Funktion auf updateCookie die einem vorhandenen Cookie einen neuen Wert zuweist.
Sehen wir uns einen Screenshot davon an, wie dieser Code in unserem Browser funktionieren sollte:

Wir haben auch einige zusätzliche Eigenschaften, die wir zum Umgang mit Cookies verwenden können, sehen wir uns die folgende Liste an:
  • Weg = Legt den mit dem Cookie verknüpften Pfad fest, standardmäßig ist es der Pfad des aktuellen Dokuments.
  • Domäne = Es erstellt die dem Cookie zugeordnete Domäne, standardmäßig nimmt es den Wert der Domäne des aktuellen Dokuments an.
  • Höchstalter = Es legt die Lebensdauer eines Cookies fest, es wird in Sekunden gezählt und beginnt mit dem Zählen ab dem Zeitpunkt seiner Erstellung.
  • erlischt = Legen Sie das Ablaufdatum eines Cookies unter Verwendung der GMT-Zeitzone fest. Diese Option ist nur für die Verwendung über eine HTTPS-Verbindung verfügbar.
Um diese Eigenschaften zu verwenden, müssen wir sie nach einem Semikolon hinzufügen, wenn wir beispielsweise den Wert des Cookies festlegen document.cookie = "MyCookie = MyValue; max-age = 10"; Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave