Cookie setzen und Cookie abrufen mit JavaScript
Ich versuche, ein Cookie zu setzen, je nachdem, welche CSS-Datei ich in meinem HTML wähle. Ich habe ein Formular mit einer Liste von Optionen, und verschiedene CSS-Dateien als Werte. Wenn ich eine Datei auswähle, soll sie für etwa eine Woche in einem Cookie gespeichert werden. Das nächste Mal, wenn Sie Ihre HTML-Datei öffnen, sollte es die vorherige Datei sein, die Sie gewählt haben.
JavaScript-Code:
function cssLayout() {
document.getElementById("css").href = this.value;
}
function setCookie(){
var date = new Date("Februari 10, 2013");
var dateString = date.toGMTString();
var cookieString = "Css=document.getElementById("css").href" + dateString;
document.cookie = cookieString;
}
function getCookie(){
alert(document.cookie);
}
HTML-Code:
<form>
Select your css layout:<br>
<select id="myList">
<option value="style-1.css">CSS1</option>
<option value="style-2.css">CSS2</option>
<option value="style-3.css">CSS3</option>
<option value="style-4.css">CSS4</option>
</select>
</form>
482
3
Dies sind viel viel bessere Referenzen als w3schools (die schrecklichste Web-Referenz aller Zeiten):
Beispiele, die von diesen Referenzen abgeleitet sind:
Die Mozilla-Referenz hat sogar eine schöne Cookie-Bibliothek, die Sie verwenden können.
Ich bin sicher, diese Frage sollte eine allgemeinere Antwort mit einigen wiederverwendbaren Code, der mit Cookies als Schlüssel-Wert-Paare funktioniert haben.
Dieses Snippet stammt aus MDN und ist wahrscheinlich vertrauenswürdig. Dies ist ein UTF-sicheres Objekt für die Arbeit mit Cookies:
Mozilla hat einige Tests, um zu beweisen, dass dies in allen Fällen funktioniert.
Es gibt ein alternatives Snippet hier:
Siehe [JavaScript Cookies auf W3Schools.com][1] zum Setzen und Abrufen von Cookie-Werten über JS.
Verwenden Sie einfach die dort genannten Methoden setCookie und getCookie.
Der Code wird also etwa so aussehen: