Alle Cookies mit JavaScript löschen
Dieser Artikel hilft Ihnen, alle Cookies mit JavaScript zu löschen.
Cookies ermöglichen Clients und Servern, Informationen über HTTP zu kommunizieren und zu übertragen. Es ermöglicht dem Client, Zustandsinformationen auch bei Verwendung des zustandslosen HTTP-Protokolls beizubehalten.
- Informationen über das Cookie werden bei jedem nachfolgenden Besuch der Domäne vom Browser des Benutzers in HTTP-Anforderungsheadern gesendet.
- Informationen wie Anmeldeinformationen, Zustimmung und andere Parameter verbessern und personalisieren die Benutzererfahrung.
Alle Cookies für die aktuelle Domain mit JavaScript löschen
Das Cookie-Attribut im aktuellen Dokument wird verwendet, um die Attribute eines Cookies zu ändern, das mit dem Attribut HTML DOM cookie gekauft wurde. Das document.cookie gibt eine Zeichenfolge aller durch Semikolons getrennten Cookies zurück, die dem aktuellen Dokument zugeordnet sind.
Syntax:
document.cookie = 'key=value';
Der folgende Code zeigt, wie Cookies mit JavaScript gelöscht werden. Der Code wird in einem Online-Editor ausgeführt, um zu demonstrieren, dass der Code nur von Ihrer Website generierte Cookies löschen kann.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
</title>
</head>
<body>
<main>
<script type="text/javascript">
document.cookie = "username=shiv";
document.cookie = "CONSENT=YES+IN.en+20170903-09-0";
function displayCookies() {
var displayCookies = document.getElementById("display");
displayCookies.innerHTML = document.cookie;
}
function deleteAllCookies() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
}
</script>
<button onclick="displayCookies()">Display Cookies</button>
<button onclick="deleteAllCookies()">Delete Cookies</button>
<p id="display"></p>
</main>
</body>
</html>
Der obige Code hat zwei Einschränkungen.
- Cookies mit gesetztem
HttpOnly-Flag werden nicht gelöscht, da dasHttpOnly-Flag den JavaScript-Zugriff auf das Cookie deaktiviert. - Als Pfadwerte gesetzte Cookies werden nicht gelöscht. (Diese Cookies erscheinen zwar unter
Gelöscht, können aber nicht gelöscht werden, ohne den gleichen Wert für den Installationspfad anzugeben.)
Ausgabe:
Wenn Sie auf Cookies anzeigen klicken, werden die Cookies angezeigt.
Sie können die Cookies auch im Inspektor anzeigen.
Nach einem Klick auf Cookies löschen werden diese gelöscht und Sie müssen erneut auf Cookies anzeigen klicken, um zu sehen, ob sie gelöscht werden oder nicht.
Sie können auch im Inspektor sehen, ob es gelöscht ist oder nicht.
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn