HTML5 - Cookies

Innehållsförteckning
Cookies är små bitar av data som lagras i webbläsaren för den person som besöker en sida, så att vissa data kan fås om deras navigering på en viss sida, med detta när personen besöker webbplatsen igen kan vi anpassa deras erfarenhetsnavigering , antingen visar resultat relaterade till ditt tidigare besök, eller visar dina personuppgif.webpter omedelbart.
Med HTML5 och den dokumentobjekt Vi kan skriva cookies med Javascript -språket, tack vare detta kan vi utöka funktionaliteten på våra sidor och erbjuda en mer robust surfupplevelse.
Läs och skriv cookies
Som vi nämnde i början, tack vare objektet dokumentera Vi kan hantera cookies, med följande kod kommer vi att göra ett litet exempel på detta, så att vi kan förstå hur processerna utförs:
 Exempel Lägg till kaka Uppdatera kaka 

Cookie -egenskapen fungerar på ett märkligt sätt, när vi läser värdet på egendomen får vi alla cookies som är associerade med dokumentet. Cookies har en namn / värde par struktur och du kan se namn = värde.
Nu när flera kakor erhålls kommer vi att se att vi kommer att få dem åtskilda av ett semikolon enligt följande: namn1 = värde1; namn2 = värde2; namn3 = värde3. Och så vidare med allt vi har.
Nu är beteendet när vi lägger till en cookie följande, vi tilldelar ett nytt namn / värdepar som värdet på cookie -egenskapen för dokumentobjektet och därmed läggs dokumentkakorna till. I denna process kan vi bara lägga till en cookie åt gången. Om vi ​​tilldelar ett värde som motsvarar ett befintligt cookie -namn, kommer det att uppdateras med det värdet.
När vi har klarlagt hur cookies fungerar, ska vi förklara koden som vi lägger in, vi ser att vi har två knappar i dokumentet, var och en tilldelades en funktion Lägg till kaka att lägga till kakor och Uppdatera kakan för att uppdatera dem, när vi använder den första, är funktionen aktiverad skapa Cookie som skapar ett nytt namn / värdepar som kommer att läggas till i dokumentets cookie -samling, kommer den andra knappen att kalla funktionen updateCookie som tilldelar en befintlig cookie ett nytt värde.
Låt oss se en skärmdump av hur denna kod ska fungera i vår webbläsare:

Vi har också några ytterligare egenskaper som vi kan använda för att hantera cookies, låt oss se följande lista:
  • sökväg = Ställer in sökvägen som är associerad med cookien, som standard är det sökvägen till det aktuella dokumentet.
  • domän = Den etablerar domänen som är associerad med kakan, som standard tar den värdet av domänen för det aktuella dokumentet.
  • maxålder = Den fastställer en kakas livslängd, den räknas i sekunder, och den börjar räkna från det ögonblick då den skapades.
  • löper ut = Ange utgångsdatum för en cookie med GMT -tidszonen. Det här alternativet är bara tillgängligt för användning via en HTTPS -anslutning.
För att använda dessa egenskaper måste vi lägga till dem efter ett semikolon när vi till exempel ställer in värdet på kakan document.cookie = "MyCookie = MyValue; max-age = 10"; Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave