So ermitteln Sie mithilfe von JavaScript, ob ein Cookie bereits vorhanden ist

JavaScript ist eine weit verbreitete Programmiersprache, die in Bereichen wie der Front-End-Entwicklung von Websites, der Back-End-Entwicklung, der Entwicklung mobiler Anwendungen und der Spieleentwicklung eingesetzt werden kann. Unter ihnen ist die Front-End-Entwicklung ein wichtiger Anwendungsbereich, und Browser-Cookies sind ebenfalls ein unverzichtbarer Bestandteil der Front-End-Entwicklung. In JavaScript können wir das Cookie-Attribut des Dokumentobjekts verwenden, um Browser-Cookies zu verarbeiten, und die Möglichkeit, ein Cookie zu setzen, besteht darin, das Attribut document.cookie zu verwenden.

In diesem Artikel besprechen wir, wie Sie mithilfe von JavaScript feststellen, ob ein Cookie bereits vorhanden ist, und seinen Wert festlegen. Im Folgenden sind die spezifischen Schritte aufgeführt:

Der erste Schritt besteht darin, festzustellen, ob das Cookie bereits vorhanden ist.

In JavaScript können wir die Methode indexOf() verwenden, um festzustellen, ob eine bestimmte Zeichenfolge in der aktuellen Zeichenfolge vorhanden ist. Daher können wir feststellen, ob ein Cookie bereits vorhanden ist, indem wir die Zeichenfolge document.cookie durchsuchen. Hier ist der Beispielcode:

function checkCookieExist(name) {
  var exist = document.cookie.indexOf(name) !== -1;
  return exist;
}

Diese Funktion akzeptiert einen Parameternamen, der den Namen des zu überprüfenden Cookies darstellt. Diese Funktion durchsucht die Zeichenfolge document.cookie, wenn sie dieselbe Zeichenfolge wie den Namen findet. Dies bedeutet, dass das Cookie bereits vorhanden ist, und gibt „true“ zurück. Andernfalls wird „false“ zurückgegeben.

Der zweite Schritt besteht darin, den Cookie-Wert festzulegen.

Wenn Sie einen Cookie-Wert festlegen möchten, müssen wir das Attribut document.cookie verwenden. Das Format dieses Attributs ist wie folgt:

document.cookie = "name=value; expires=date; path=path; domain=domain; secure";

wobei Name für den Namen des Cookies und Wert für den Wert des Cookies steht. „expires“ gibt die Ablaufzeit des Cookies an, „path“ gibt den Pfad des Cookies an, „domain“ gibt den Domänennamen an, in dem sich das Cookie befindet, und „secure“ gibt an, ob das Cookie nur über eine sichere Verbindung übertragen wird.

Das Folgende ist der Beispielcode:

function setCookie(name, value, expires, path, domain, secure) {
  document.cookie = name + "=" + value +
    (expires ? "; expires=" + expires.toUTCString() : "") +
    (path ? "; path=" + path : "") +
    (domain ? "; domain=" + domain : "") +
    (secure ? "; secure" : "");
}

Diese Funktion verfügt über 6 Parameter, nämlich den Namen des Cookies, den Wert des Cookies, die Ablaufzeit des Cookies, den Pfad des Cookies und den Domänennamen, unter dem sich das Cookie befindet befindet und ob das Cookie nur über eine sichere Verbindung übertragen werden soll. Bei der tatsächlichen Verwendung können wir wählen, ob jeder Parameter entsprechend der spezifischen Situation eingestellt werden soll.

Im dritten Schritt stellen Sie fest, ob das Cookie abgelaufen ist.

Im zweiten Schritt haben wir bereits darüber gesprochen, wie Sie die Ablaufzeit des Cookies festlegen. Wenn keine Ablaufzeit festgelegt ist, handelt es sich bei dem Cookie um ein „Sitzungscookie“ und seine Lebensdauer ist auf eine Sitzung begrenzt. Wenn eine Ablaufzeit festgelegt ist, wird das Cookie nach Erreichen der Ablaufzeit automatisch gelöscht. Wenn wir feststellen möchten, ob ein Cookie abgelaufen ist, können wir den folgenden Code verwenden:

function checkCookieExpired(name) {
  var cookieValue = "; " + document.cookie;
  var parts = cookieValue.split("; " + name + "=");
  if (parts.length == 2) {
    var expires = new Date(parts.pop().split(";").shift());
    var now = new Date();
    return (expires.getTime() <= now.getTime());
  } else {
    return true;
  }
}

Diese Funktion akzeptiert einen Parameternamen, der den Namen des zu überprüfenden Cookies darstellt. Diese Funktion durchsucht zunächst die Zeichenfolge „document.cookie“ nach einer Zeichenfolge, die mit „name“ übereinstimmt. Wenn es gefunden wird, wird sein Wert herausgenommen und in ein Date-Objekt umgewandelt. Anschließend wird die aktuelle Zeit abgerufen und die Ablaufzeit des Cookies mit der aktuellen Zeit verglichen. Wenn die Ablaufzeit vor der aktuellen Zeit liegt oder dieser entspricht, bedeutet dies, dass das Cookie abgelaufen ist und „true“ zurückgibt, andernfalls wird „false“ zurückgegeben.

Zusammenfassend lässt sich sagen, dass die obige Methode die Einstellung von Cookies in JavaScript bestimmt. Im eigentlichen Entwicklungsprozess müssen wir häufig Cookies setzen, um Benutzer zu identifizieren, Benutzereinstellungen zu speichern usw. Daher ist die Beherrschung dieser Techniken für JavaScript-Entwickler sehr nützlich.

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie mithilfe von JavaScript, ob ein Cookie bereits vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!