Sätt cookie och hämta cookie med JavaScript
Jag försöker ställa in en cookie beroende på vilken CSS-fil jag väljer i min HTML. Jag har ett formulär med en lista med alternativ och olika CSS-filer som värden. När jag väljer en fil ska den sparas i en cookie i ungefär en vecka. Nästa gång du öppnar din HTML-fil ska det vara den tidigare filen som du har valt.
JavaScript-kod:
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-kod:
<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
Dessa är mycket mycket bättre referenser än w3schools (den mest hemska webbreferens som någonsin gjorts):
Exempel från dessa referenser:
Mozilla-referensen har till och med ett trevligt cookie-bibliotek som du kan använda.
Jag är säker på att den här frågan borde ha ett mer allmänt svar med återanvändbar kod som fungerar med cookies som nyckel-värdepar.
Det här utdraget är hämtat från MDN och är förmodligen pålitligt. Detta är UTF-säkert objekt för arbete med cookies:
Mozilla har några tester som bevisar att detta fungerar i alla fall.
Det finns ett alternativt utdrag här:
Se [JavaScript Cookies on W3Schools.com][1] för att ställa in och hämta cookievärden via JS.
Använd bara metoderna setCookie och getCookie som nämns där.
Koden kommer alltså att se ut ungefär så här: