Heim Web-Frontend HTML-Tutorial Wie setze ich Cookies in meinem Browser richtig?

Wie setze ich Cookies in meinem Browser richtig?

Jan 19, 2024 am 10:10 AM
编程 浏览器 Cookies setzen

Wie setze ich Cookies in meinem Browser richtig?

Bei der Entwicklung moderner Webanwendungen sind Cookies eines der wichtigsten Konzepte. Ein Cookie ist ein Textstück, das vom Server an den Client-Browser gesendet wird und einige Informationen über den Benutzer und die Anwendung enthält. Diese Informationen können auf dem Computer des Benutzers gespeichert und bei zukünftigen Anfragen gesendet werden. In diesem Artikel erfahren Sie, wie Sie Cookies in Ihrem Browser richtig setzen.

Cookies werden typischerweise zum Speichern von Benutzeranmeldeinformationen und anderen Sitzungsdaten verwendet und werden häufig bei der Verfolgung von Website-Besuchern verwendet. In JavaScript-Anwendungen können wir document.cookie verwenden, um auf Cookies zuzugreifen und diese zu erstellen. Nachfolgend finden Sie einige Codebeispiele zum Setzen von Cookies.

//Setzen Sie ein Cookie mit dem Namen „Name“, geben Sie seinen Wert als „Wert“ an und laufen Sie nach 30 Tagen ab
var date = new Date();
date.setTime(date.getTime() + (30 24 60 60 1000));
var läuft ab = "expires="+ date.toUTCString();
document.cookie = "name" + "=" + "value" + ";" + läuft ab + ";path= / ";

In diesem Beispiel erstellen wir ein Cookie mit dem Namen „name“ und setzen seinen Wert auf „value“. In diesem Cookie legen wir eine Ablaufzeit fest, die in 30 Tagen abläuft. Darüber hinaus geben wir auch einen Pfad „/“ für das Cookie an, damit das Cookie auf der gesamten Website verwendet werden kann.

Hier ist ein weiteres Beispiel für das Setzen eines Cookies, das ein JSON-Objekt im Cookie speichert.

//Legen Sie das Cookie mit dem Namen „name“ als JSON-Objekt fest und geben Sie eine Ablaufzeit an
var userInfo = {
Name: „John“,
Alter: 30,
E-Mail: „john.doe@example.com“
};
var cookieValue = encodeURIComponent(JSON.stringify(userInfo));
var expires = new Date();
expires.setMonth(expires.getMonth() + 1);
document.cookie = "name= " + cookieValue + "; Expires=" + Expires.toUTCString() + "; Path="/";

In diesem Beispiel erstellen wir ein Cookie mit dem Namen „name“ und setzen seinen Wert auf ein JavaScript-Objekt. Zuerst kodieren wir das Objekt, dann stringifizieren wir es und speichern es in einem Cookie-Wert. Hier legen wir eine Ablaufzeit fest, die nach 1 Monat abläuft.

Wir können den angegebenen Cookie-Wert auch erhalten, indem wir das Attribut document.cookie lesen.

//Den Cookie-Wert mit dem Namen „name“ abrufen
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i = 0;i

var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
Nach dem Login kopieren

}
return null;
}

Dieses Beispiel ist eine einfache JavaScript-Funktion, die verwendet wird, um den Wert eines Cookies mit einem angegebenen Namen abzurufen. In dieser Funktion tun wir dies zunächst, indem wir document.cookie in eine Reihe von Cookie-Strings aufteilen und dann den Namen und Wert jedes Cookies abrufen. Durchlaufen Sie diese Cookies, finden Sie das gesuchte Cookie und geben Sie seinen Wert zurück. Wenn das angegebene Cookie nicht gefunden wird, wird null zurückgegeben.

Zusammenfassend ist Cookie das wichtigste Konzept in der modernen Webentwicklung, das uns helfen kann, Benutzerdaten und andere Sitzungsinformationen zu speichern. Wir können JavaScript verwenden, um den Wert von Cookies zu lesen und festzulegen und die Ablaufzeit und den Pfad von Cookies durch Festlegen einiger Parameter zu steuern. Anhand der obigen Codebeispiele können wir besser verstehen, wie Cookies im Browser korrekt gesetzt werden.

Das obige ist der detaillierte Inhalt vonWie setze ich Cookies in meinem Browser richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie zeige ich die lokal installierte 'Jingnan Mai Round Body' auf der Webseite richtig? Wie zeige ich die lokal installierte 'Jingnan Mai Round Body' auf der Webseite richtig? Apr 05, 2025 pm 10:33 PM

Mit lokal installierten Schriftdateien auf Webseiten kürzlich habe ich eine kostenlose Schriftart aus dem Internet heruntergeladen und sie erfolgreich in mein System installiert. Jetzt...

Wie steuern Sie die obere und das Ende der Seiten in den Browser -Druckeinstellungen über JavaScript oder CSS? Wie steuern Sie die obere und das Ende der Seiten in den Browser -Druckeinstellungen über JavaScript oder CSS? Apr 05, 2025 pm 10:39 PM

So verwenden Sie JavaScript oder CSS, um die obere und das Ende der Seite in den Druckeinstellungen des Browsers zu steuern. In den Druckeinstellungen des Browsers gibt es eine Option, um zu steuern, ob das Display ist ...

Warum wirkt sich negative Margen in einigen Fällen nicht wirksam? Wie löst ich dieses Problem? Warum wirkt sich negative Margen in einigen Fällen nicht wirksam? Wie löst ich dieses Problem? Apr 05, 2025 pm 10:18 PM

Warum werden negative Margen in einigen Fällen nicht wirksam? Während der Programmierung negative Margen in CSS (negativ ...

Wie verwende ich lokal installierte Schriftdateien auf Webseiten? Wie verwende ich lokal installierte Schriftdateien auf Webseiten? Apr 05, 2025 pm 10:57 PM

So verwenden Sie lokal installierte Schriftartdateien auf Webseiten. Wenn Sie diese Situation in der Webseitenentwicklung gestoßen haben: Sie haben eine Schriftart auf Ihrem Computer installiert ...

Der Text unter Flex -Layout wird weggelassen, aber der Behälter wird geöffnet? Wie löst ich es? Der Text unter Flex -Layout wird weggelassen, aber der Behälter wird geöffnet? Wie löst ich es? Apr 05, 2025 pm 11:00 PM

Das Problem der Containeröffnung aufgrund einer übermäßigen Auslassung von Text unter Flex -Layout und Lösungen werden verwendet ...

Wie kann man horizontaler Bildlaufeffekt horizontaler Optionen durch Drehen von Elementen in CSS erreichen? Wie kann man horizontaler Bildlaufeffekt horizontaler Optionen durch Drehen von Elementen in CSS erreichen? Apr 05, 2025 pm 10:51 PM

Wie kann man den horizontalen Scrolling -Effekt von horizontalen Optionen in CSS erreichen? Im modernen Webdesign, wie man einen horizontalen tabellartigen Effekt erzielt und die Maus unterstützt ...

Wie löst ich das Höhenproblem, indem Sie die REM -Einheit in adaptivem Design einstellen? Wie löst ich das Höhenproblem, indem Sie die REM -Einheit in adaptivem Design einstellen? Apr 05, 2025 pm 11:03 PM

Wie löst ich das Problem der Höhenanpassung im adaptiven Design? Bei adaptivem Design ist die Höhenanpassung häufig ein schwieriges Problem. Besonders im Umgang mit ähnlichen ...

See all articles